web頁面中,利用js動態的改變div元素的class屬性的值,可以實現很多的動態效果。比如動態修改div元素的背景顏色,改變字體的顏色等等。這篇文章就來說一說,javascript 如何獲取和設置div元素class屬性的值的方法。

js獲取元素class屬性值的方法

国产视频app原生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屬性值的方法

国产视频appjs中的className 方法不僅僅可以獲取div元素class屬性的值,還可以設置div元素的值

示例代碼:

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

運行后的效果如下:

js獲取和設置DIV元素class值的方法

注意:

国产视频app使用 className 設置div元素屬性值時,div元素原有的class屬性值會被替換掉。