javascript修改html <b>标签内容

JavaScript014

javascript修改html <b>标签内容,第1张

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>