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屬性值會被替換掉。
相關推薦
飛利浦276e顯示器評測（飛利浦276e8VJSB怎么樣）
一、前言 4K液晶顯示器發展至今已經過去了好幾個年頭了，隨著制造工藝的成熟和成本的降低，4K顯示器的售價也是變得越來越親民，市場上涌現了許多入門級的4K顯示器，不過，雖說是入門，但…
js壓縮工具哪些好（推薦這15款壓縮工具）
JavaScript 代碼壓縮是指去除源代碼里的所有不必要的字符，而不改變其功能的過程。這些不必要的字符通常包括空格字符，換行字符，注釋以及塊分隔符等用來增加可讀性的代碼，但并不需…
js壓縮工具哪個好（實測好用且簡單的9款工具）
削減是一個從源代碼中刪除不必要的字符的技術使它看起來簡單而整潔。這種技術也被稱為代碼壓縮和最小化。在這里，我們為你收集了9個最好的JavaScript壓縮工具將幫助您刪除不必要的空…
js日期加一天的公式（js獲取下一天的日期的方法）
想自己寫一個日期的加減方法，但是涉及到每個月天數的判斷，如果是2月份的話，還要涉及到閏年的判斷，有些復雜，應用過程中總是出現問題，于是查了下資料，以在某個日期上加減天數來說，其實只…
jsp和servlet區別在哪（簡述2者間的不同處）
JSP全名為Java Server Pages，中文名叫java服務器頁面，其根本是一個簡化的Servlet設計，它是由SunMicrosystems公司倡導、許多公司參與一起建立…
版權聲明：本文內容由互聯網用戶自發貢獻，該文觀點僅代表作者本人。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容， 請發送郵件至 舉報，一經查實，本站將立刻刪除。