JavaScript变量Dom对象的所有属性
DOM对象的HTML:
<button>Disable State</buttom>
1,遍历DOM对象所具有的属性（全部，不管是否在HTML tag中是否设置）
<!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>
结果：
2.遍历DOM对象在HTML中设置过的属性：
每一个attribute属性有一个附加属性specified，当属性是HTML Element的属性(指写在代码中可见的)，或者是通过setAttribute方法进行的添加的时候，它的值为 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>
结果如下：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持好吧啦网。
相关文章：
1. Intellij IDEA如何去掉@Autowired 注入警告的方法2. java编写一个花名随机抽取器的实现示例3. IntelliJ IDEA恢复删除文件的方法4. .NET的基元类型包括什么及Unmanaged和Blittable类型详解5. IntelliJ IDEA 下载安装超详细教程(推荐)6. SpringBoot + Vue 项目部署上线到Linux 服务器的教程详解7. Vue项目中如何封装axios（统一管理http请求）8. docker 使用CMD或者ENTRYPOINT命令同时启动多个服务9. python GUI库图形界面开发之PyQt5中QWebEngineView内嵌网页与Python的数据交互传参详细方法实例10. PHP ob缓存以及ob函数原理实例解析
网公网安备