web頁面中，利用js動態的改變div元素的class屬性的值，可以實現很多的動態效果。比如動態修改div元素的背景顏色，改變字體的顏色等等。這篇文章就來說一說，JAVAscript 如何獲取和設置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>

打印結果：

m m1

js設置元素class屬性值的方法

js中的className 方法不僅僅可以獲取div元素class屬性的值，還可以設置div元素的值

示例代碼：

<div id="mochu" class="m m1"></div>
<script>
 //設置class屬性值
 document.getElementById('mochu').className = 'mm';
</script>

運行后的效果如下：

注意：

使用 className 設置div元素屬性值時，div元素原有的class屬性值會被替換掉。