在js中修改html元素的class

用到js修改html的class属性值,归纳总结下:一、获取class属性值var value = $( div ).attr( class )//这里获取class属性值var array=val.spli.

<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>

javascript修改html <b>标签内容的示例如下：

<b>文字内容</b> document.getElementsByTagName('b')[0].innerHTML = '修改后的文字内容'

解释：

document.getElementsByTagName获取页面中指定标签的节点

这里用的是参数'b'代表获取文档中的所有b元素，结果是一个数组

由于示例的html只有1个b标签，所以获取第0个即所需修改的标签

innerHTML是对节点的html代码进行取值或修改

此处为该属性赋值，即修改了b标签的内容

---