Question

js中怎么控制文本加粗

这是一个控制文本大小的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>

Answer 1

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。

2、在index.html的<script>标签中，输入js代码：if (size >= 12) zoom.style.fontWeight = 'bold';。

3、浏览器运行index.html页面，此时发现点击中和大，字体会加粗。

Answer 2

加粗元素文本也是通过css控制的。

<script type="text/javascript">
   //如果有指定元素，就控制指定元素，否则全部有效
   function doZoom(ele) {
       ele = ele ? document.getElementById(ele):document.body;
       ele.style.fontWeight="bold";//加粗文本
   }
   doZoom();
</script>

Answer 3

获取文本对象,使用bold()方法,或使用style

var str = "this is a test";

document.write(str.bold())//使文本以粗体显示

或

<p id="test">这是一个测试</p>

document.getElmentById("test").style.fontWeight = "bold";

Answer 4

通过样式表来控制多好啊，把你的doZoom方法改成修改标签的class属性

Answer 5

a{ font-size：12px;}这是正常字体a:hover{ font-size:16px;}这个是鼠标放上去的 ie6下只支持a的hover属性。 谷歌，火狐支持所有标签，ie7 8 9没试过