JavaScript变量Dom对象的所有属性
作者:枳狸
这篇文章主要介绍了JavaScript变量Dom对象的所有属性,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
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>
结果如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- JavaScript文档对象模型DOM
- JavaScript Dom对象的操作
- JavaScript 中的文档对象模型 DOM
- JS实现访问DOM对象指定节点的方法示例
- 浅谈JS读取DOM对象(标签)的自定义属性
- js基础之DOM中document对象的常用属性方法详解
- js基础之DOM中元素对象的属性方法详解
- JavaScript实现DOM对象选择器
- JavaScript DOM 对象深入了解
- JavaScript——DOM操作——Window.document对象详解
- jquery对象和javascript对象即DOM对象相互转换
- js对象关系图 方便dom操作
- javascript DOM对象的学习实例代码
- JavaScript操作DOM对象详解