这篇文章主要介绍了 JavaScript 简单遍历 DOM 对象所有属性的实现方法, 涉及 JavaScript 针对页面元素属性操作的相关技巧, 具有一定参考借鉴价值, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 JavaScript 遍历 DOM 对象所有属性的实现方法。分享给大家供大家参考,具体如下:
DOM 对象的 html:
- <button id="btnToggleState" onclick="toggleStateManagement()">
- Disable State Cookie
- </button>
1、遍历 DOM 对象所有具备的属性(全属性、不管在 HTML tag 中是否设置都会遍历)
- var obj=document.getElementById("btnToggleState")
- var s="";
- for(var elem in obj)
- s+=elem+"\n";
- alert(s);
2、遍历 DOM 对象在 HTML tag 中设置过的属性
- $.each($('#btnToggleState')[0].attributes,
- function(i, attrib) {
- alert(i + ":" + attrib.name + ":" + attrib.value);
- });
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: