1. 首頁 > 生活 > >

如何獲取div中的內容 jquery獲取div內容

小知識



文章插圖
如何獲取div中的內容 jquery獲取div內容

文章插圖
web頁面中，利用js動態的改變div元素的class屬性的值，可以實現很多的動態效果 。比如動態修改div元素的背景顏色，改變字體的顏色等等 。這篇文章就來說一說，javascript 如何獲取和設置div元素class屬性的值的方法 。
js獲取元素class屬性值的方法
原生js如果想要獲取div元素class屬性的值，需要用到 className 方法
【如何獲取div中的內容 jquery獲取div內容】示例代碼：
<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屬性值會被替換掉 。