javascript修改html <b>标签内容的示例如下:
<b>文字内容</b> document.getElementsByTagName('b')[0].innerHTML = '修改后的文字内容'解释:
document.getElementsByTagName获取页面中指定标签的节点
这里用的是参数'b'代表获取文档中的所有b元素,结果是一个数组
由于示例的html只有1个b标签,所以获取第0个即所需修改的标签
innerHTML是对节点的html代码进行取值或修改
此处为该属性赋值,即修改了b标签的内容
<style>.box div { display: none }
.links a { display: inline-block margin: auto 50px }
</style>
<script src="jquery.js"></script>
<script >
$(function(){
$(".box div:eq(0)").show().siblings().hide()
$(".links a").each(function(){
$(this).click(function(){
var obj = $("#" + $(this).attr("data-value"))
obj.show().siblings().hide()
})
})
})
</script>
<div class="links"><a href="javascript:" data-value="a">a</a><a href="javascript:" data-value="b">b</a><a href="javascript:" data-value="c">c</a></div>
<div class="box">
<div id="a">a</div>
<div id="b">b</div>
<div id="c">c</div>
</div>