javascript修改html <b>标签内容的示例如下：
<b>文字内容</b> document.getElementsByTagName('b')[0].innerHTML = '修改后的文字内容'解释：
document.getElementsByTagName获取页面中指定标签的节点
这里用的是参数'b'代表获取文档中的所有b元素，结果是一个数组
由于示例的html只有1个b标签，所以获取第0个即所需修改的标签
innerHTML是对节点的html代码进行取值或修改
此处为该属性赋值，即修改了b标签的内容
<pre><code class="language-bash">
xxxx
</code>
</pre>
<script>
window.onload=function(){
var codes=document.getElementsByTagName("code")
for(var i in codes){
if(codes[i].className&&codes[i].className.indexOf("language-bash")>-1){
codes[i].parentNode.className="command-line language-bash"
codes[i].parentNode.dataset.user="root"
codes[i].parentNode.dataset.host="localhost"
}
}
}
</script>
js改变html的元素的值，首先需要理解的就是Js的选取对象的方法，一般都是通过class或者是id直接去来获取，然后在确定好，你要改变的值，如宽度，高度，背景等等这些属性，也可以通过改变来实现动画的效果，具体看下代码：<html>
<head>
<style>
#round{
width:300px
height:200px
}
</style>
</head>
<script>
var oDiv = document.getElementById('round')
oDiv.style.width = 400px //通过js改变这个div的宽度
</script>
<body>
<div id='round'>
<p>我是测试文字</p>
</div>
</body>
</html>
