JavaScript简单遍历DOM对象所有属性的实现方法
作者:bea
本文实例讲述了JavaScript遍历DOM对象所有属性的实现方法。分享给大家供大家参考,具体如下: DOM对象的HTML: 代码如下: <button id="btnToggleState" onclick="toggleStateManagement()">Disable State Cookie</button> 1、遍历DOM对象所有具备的属性(全属性、不管在HTML tag中是否设置都会遍历) var obj=document.get
本文实例讲述了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+"
";
alert(s);
2、遍历DOM对象在HTML tag中设置过的属性
$.each($('#btnToggleState')[0].attributes,function(i,attrib){
alert(i+":"+attrib.name+":"+attrib.value);
});
希望本文所述对大家JavaScript程序设计有所帮助。
有用 | 无用
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+"
";
alert(s);
2、遍历DOM对象在HTML tag中设置过的属性
$.each($('#btnToggleState')[0].attributes,function(i,attrib){
alert(i+":"+attrib.name+":"+attrib.value);
});
希望本文所述对大家JavaScript程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 使用jquery插件qrcode生成二维码
- JavaScrip调试技巧之断点调试
- 浅析JavaScript 调试方法和技巧
- JS+CSS实现的竖向简洁折叠菜单效果代码
- 浅谈node.js中async异步编程
- JS实现不使用图片仿Windows右键菜单效果代码
- JS实现新浪博客左侧的Blog管理菜单效果代码
- JS+CSS实现大气清新的滑动菜单效果代码
- Webpack 实现 Node.js 代码热替换
- JS+CSS实现仿msn风格选项卡效果代码
- Node.js巧妙实现Web应用代码热更新
- 深入剖析JavaScript编程中的对象概念
- JavaScript中Boolean对象的属性解析
- 深入解析JavaScript中的数字对象与字符串对象
- jQuery无刷新切换主题皮肤实例讲解
- JavaScript操作HTML元素和样式的方法详解
- JavaScript对HTML DOM使用EventListener进行操作
- JavaScript对象数组的排序处理方法
- Javascript刷新窗口方法小结