JavaScript變量Dom對(duì)象的所有屬性
DOM對(duì)象的HTML:
<button>Disable State</buttom>
1,遍歷DOM對(duì)象所具有的屬性（全部，不管是否在HTML tag中是否設(shè)置）
<!DOCTYPE html><html><body> <button onclick='toggleStateManagement()'> Disable State </button></body><script> var obj = document.getElementById('btnToggleState'); var s = ''; for (var elem in obj) { s += elem + 'n'; } alert(s);</script></html>
結(jié)果：
2.遍歷DOM對(duì)象在HTML中設(shè)置過的屬性：
每一個(gè)attribute屬性有一個(gè)附加屬性specified，當(dāng)屬性是HTML Element的屬性(指寫在代碼中可見的)，或者是通過setAttribute方法進(jìn)行的添加的時(shí)候，它的值為 true。
<!DOCTYPE html><html><body> <button onclick='toggleStateManagement()'> Disable State </button></body><script> // var obj = document.getElementById('btnToggleState'); // var s = ''; // for (var elem in obj) { // s += elem + 'n'; // } // alert(s); var obj = document.getElementById('btnToggleState'); var pairs = new Array(); for (var i = 0, len = obj.attributes.length; i < len; i++) { var name = obj.attributes[i].nodeName; var value = obj.attributes[i].nodeValue; if (obj.attributes[i].specified) { pairs.push(name + '=’ ' + value + '’ ') } } alert(pairs);</script></html>
結(jié)果如下：
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. php相對(duì)路徑轉(zhuǎn)化成絕對(duì)路徑2. XML入門的常見問題(三)3. 淺談優(yōu)化Django ORM中的性能問題4. Android 實(shí)現(xiàn)徹底退出自己APP 并殺掉所有相關(guān)的進(jìn)程5. 簡(jiǎn)體中文轉(zhuǎn)換為繁體中文的PHP函數(shù)6. django 利用Q對(duì)象與F對(duì)象進(jìn)行查詢的實(shí)現(xiàn)7. 《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（二)8. 三個(gè)不常見的 HTML5 實(shí)用新特性簡(jiǎn)介9. Python 無限級(jí)分類樹狀結(jié)構(gòu)生成算法的實(shí)現(xiàn)10. CSS linear-gradient屬性案例詳解
網(wǎng)公網(wǎng)安備