在div元素中自定義一些屬性可以很方便傳遞一些數(shù)據(jù)，那么這篇文章就說(shuō)一說(shuō)，利用 js 來(lái)獲取DIV元素得屬性值，以及如是要設(shè)置div得屬性以及屬性值。
js 獲取DIV得屬性值原生 javascript 可以通過(guò) HTML DOM 得 getAttribute() 方法獲取DIV元素屬性得值，
代碼：
<div id="mochu" title="飛鳥慕魚博客"></div><script>var title = document.getElementById('mochu').getAttribute('title');console.log(title);</script>
打印結(jié)果：
飛鳥慕魚博客JS 刪除DIV元中得指定屬性
JS 中可以使用 removeAttribute() 方法來(lái)刪除DIV元素中得屬性
代碼：
<div id="mochu" title="飛鳥慕魚博客"></div><script> document.getElementById('mochu').removeAttribute('title');</script>
結(jié)果如圖下圖：
js 改變DIV元素指定屬性得值利用 javascript 來(lái)修改DIV元素中得指定屬性得值，可以使用 setAttribute() 方法
代碼：
<div id="mochu" title="飛鳥慕魚博客"></div><script> document.getElementById('mochu').setAttribute('title','特別feiniaomy');</script>
審核元素，如下圖所示
jquey 設(shè)置屬性及屬性值相對(duì)于原生得 javascript 來(lái)說(shuō)，使用 jquery 可以更加方便得獲取，以及修改 DIV 元素得屬性值.
jquey 中得 attr() 方法可以設(shè)置div元素得值，而且可以同時(shí)設(shè)置多個(gè)。
代碼：
<div id="mochu" title="飛鳥慕魚博客"></div><script> //設(shè)置單個(gè)屬性 $('#mochu').attr('data-id','1'); //同時(shí)設(shè)置多個(gè)屬性 $('#mochu').attr({"data-host":"特別feiniaomy", "data-time": "前年0808" });</script>
結(jié)果如下圖所示：
jquey 獲取DIV元素中得屬性得屬性值jquey 中得 attr() 方法不僅可以設(shè)置div元素得屬性以及屬性值，還可獲取div元素屬性得屬性值
代碼：
<div id="div" title="特別feiniaomy"></div><script> var title = $('#div').attr('title'); console.log(title);</script>
打印結(jié)果：
特別feiniaomy
