web頁(yè)面中，利用js動(dòng)態(tài)的改變div元素的class屬性的值，可以實(shí)現(xiàn)很多的動(dòng)態(tài)效果。比如動(dòng)態(tài)修改div元素的背景顏色，改變字體的顏色等等。這篇文章就來(lái)說(shuō)一說(shuō)，JAVAscript 如何獲取和設(shè)置div元素class屬性的值的方法。
js獲取元素class屬性值的方法
原生js如果想要獲取div元素class屬性的值，需要用到 className 方法
示例代碼：
<div id="mochu" class="m m1"></div>
<script>
//獲取class屬性的值
var c = document.getElementById('mochu').className;
console.log(c);
</script>
打印結(jié)果：
m m1
js設(shè)置元素class屬性值的方法
js中的className 方法不僅僅可以獲取div元素class屬性的值，還可以設(shè)置div元素的值
示例代碼：
<div id="mochu" class="m m1"></div>
<script>
//設(shè)置class屬性值
document.getElementById('mochu').className = 'mm';
</script>
運(yùn)行后的效果如下：
注意：
使用 className 設(shè)置div元素屬性值時(shí)，div元素原有的class屬性值會(huì)被替換掉。
