js中怎么控制文本加粗

这是一个控制文本大小的JS我想让‘小、中、大’选中状态下是加粗的js:<scripttype="text/javascript">/*改变字体大小JS代码*/functi... 这是一个控制文本大小的JS 我想让 ‘小、中、大’ 选中状态下是加粗的
js:
<script type="text/javascript">/*改变字体大小JS代码*/
function doZoom(size) {
var zoom = document.all ? document.all['Zoom'] : document.getElementById('Zoom');
zoom.style.fontSize = size + 'px';
}
</script>

html:
字体大小:<a href="javascript:doZoom(12)">小</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(16)">大</a> 展开

 我来答

6个回答

#热议# 为什么有人显老，有人显年轻？

百度网友90999d9
推荐于2017-10-08 · TA获得超过485个赞

知道小有建树答主

回答量：172

采纳率：100%

帮助的人：181万

我也去答题访问个人页

关注

展开全部

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>

<script type="text/javascript">/*改变字体大小JS代码*/
function doZoom(size,isWeight) {
var zoom = document.all ? document.all['Zoom'] : document.getElementById('Zoom');
zoom.style.fontSize = size + 'px';
if(isWeight){//是否加粗：是
zoom.style.fontWeight="bold";//加粗
}else{
zoom.style.fontWeight="normal";//取消加粗
}
}
</script>

字体大小:<a href="javascript:doZoom(12)">小</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(16)">大</a><br/>
字体大小:<a href="javascript:doZoom(12,true)">小粗</a> <a href="javascript:doZoom(14,true)">中粗</a> <a href="javascript:doZoom(16,true)">大粗</a><br/>
<br/><br/><br/>
<div id='Zoom'>被查看的字体</div>
</body>
</html>

更多追问追答

追问

谢谢你！这不是我想的那样，我的意思是点击 “小，中，大” 这几个之后 内容文本字体不需要加粗，只改变大小，是  “小，中，大”  这几个字变粗，也就是说 当我选了 中号字体  中字加粗  当选中了大号字体 ，大字加粗！麻烦再指教一下

追答



/*改变字体大小JS代码*/
var lastClick = null;//最后一次被点击的对象
    function doZoom(size,obj) {
	console.log(obj);
        var zoom = document.all ? document.all['Zoom'] : document.getElementById('Zoom');
        zoom.style.fontSize = size + 'px';
		if(lastClick){//存在最后一次被点击的对象
			lastClick.style.fontWeight="normal";//取消上次点击对象的加粗效果
		}
		obj.style.fontWeight="bold";//对当前点击对象增加加粗效果
		lastClick = obj;
    }

字体大小:小 中 大

被查看的字体