如何获取JavaScript中DOM对象的全部属性？
- 内容介绍
- 文章标签
- 相关推荐
本文共计304个文字，预计阅读时间需要2分钟。
DOM对象的HTML：button Disable State遍历DOM对象的所有属性（全部，不论是否在HTML tag中设置）
DOM对象的HTML:
<button>Disable State</buttom>
1,遍历DOM对象所具有的属性（全部，不管是否在HTML tag中是否设置）
<!DOCTYPE html> <html> <body> <button id="btnToggleState" 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>
结果：
2.遍历DOM对象在HTML中设置过的属性：
每一个attribute属性有一个附加属性specified，当属性是HTML Element的属性(指写在代码中可见的)，或者是通过setAttribute方法进行的添加的时候，它的值为 true。
<!DOCTYPE html> <html> <body> <button id="btnToggleState" 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>
结果如下：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。
本文共计304个文字，预计阅读时间需要2分钟。
DOM对象的HTML：button Disable State遍历DOM对象的所有属性（全部，不论是否在HTML tag中设置）
DOM对象的HTML:
<button>Disable State</buttom>
1,遍历DOM对象所具有的属性（全部，不管是否在HTML tag中是否设置）
<!DOCTYPE html> <html> <body> <button id="btnToggleState" 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>
结果：
2.遍历DOM对象在HTML中设置过的属性：
每一个attribute属性有一个附加属性specified，当属性是HTML Element的属性(指写在代码中可见的)，或者是通过setAttribute方法进行的添加的时候，它的值为 true。
<!DOCTYPE html> <html> <body> <button id="btnToggleState" 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>
结果如下：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。