JavaScript bold方法入门实例（把指定文字显示为粗体），bold文字显示
JavaScript bold方法入门实例（把指定文字显示为粗体），bold文字显示
JavaScript bold 方法
lastIndexOf 方法返回使用 HTML b 标签定义的粗体字符串。其语法如下：
str_object.bold()
提示：该方法不符合 ECMA 标准，不建议使用。
bold 方法实例
<script language="JavaScript">
var str = "www.jb51.net";
document.write(str.bold());
</script>
运行该例子，输出：
www.jb51.net
提示：该方法返回使用 HTML b 标签定义的粗体字符串，即使用该方法并不能动态的改变页面元素的字体为粗体。如果想动态改变元素字体为粗体，可参考下面的实例：
延伸阅读：改变页面元素字体大小
<html>
<script language="JavaScript">
function changFont( x ){
var font_style = x;
var article = document.getElementById("article");
if( typeof font_style == "string" ){
article.style.fontWeight = font_style;
} else {
article.style.fontSize = font_style;
}
}
</script>
<body>
<p>
<a onClick="changFont('normal');">正常</a> <a onClick="changFont('bold');">粗体</a>
<a onClick="changFont(14);">小号</a> <a onClick="changFont(18);">大号</a>
</p>
<p id="article">
我是一些文字 ...<br />
Some Text ...
</p>
</body>
</html>
在该例子中，通过 JavaScript 控制字体 CSS 样式的方式，可让显示字体（id="article"）在粗体、正常字体、小号字体与大号字体之间实时切换。
<table border="1">
<tr><td><input type="checkbox"></td><td>1111111</td></tr>
<tr><td><input type="checkbox"></td><td>2222222</td></tr>
<tr><td><input type="checkbox"></td><td>3333333</td></tr>
<tr><td><input type="checkbox"></td><td>4444444</td></tr>
</table>
<script>
var chkBoxs = document.getElementsByTagName("input");
for(var i=0;i<chkBoxs.length;i++){
chkBoxs[i].onclick=function(){
tdText = this.parentNode.parentNode.childNodes[1];
if(this.checked){
tdText.style.fontWeight = "bold";
tdText.style.color = "red";
tdText.style.background = "yellow";
}else{
tdText.style.fontWeight = "normal";
tdText.style.color = "black";
tdText.style.background = "white";
}
};
}
</script>
不能