JavaScript变量Dom对象的所有属性
2020-05-01 12:07
901 查看
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对象所有属性
- 使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息
- 打印Dom对象的所有属性和方法
- JavaScript简单遍历DOM对象所有属性的实现方法
- JavaScript简单遍历DOM对象所有属性的实现方法
- 记录property中的所有属性特性
- C#文件操作,父目录,子目录,所有文件、文件夹,属性信息
- Objective-C中@property的所有属性详解
- Objective-C中@property的所有属性详解
- 获取当前数据库所有表的外键创建脚本、获取指定表的创建脚本,包括表和字段的属性、外键
- 通过java反射机制获取该类的所有属性类型、值、
- js之操作dom对象的属性
- Objective-C中@property的所有属性详解
- java获取bean中的所有属性
- magento 更新所有商品属性,提交只能保存1000个
- OC中@property的所有属性
- 4000 java获取程序运行环境的所有系统属性
- 读取表中的所有属性
- RapidXml 读取文件并遍历节点的所有属性
- ASP中recordset所有的属性与方法 简介