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屬性值會被替換掉。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/233149.html
微信掃一掃 
支付寶掃一掃 