JavaScript简单遍历DOM对象所有属性的实现方法

2019-12-17,,,,,

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

  • js中遍历对象的属性和值的方法
  • Javascript的数组与字典用法与遍历对象的属性技巧
  • js 遍历对象的属性的代码
  • jquery动态遍历Json对象的属性和值的方法
  • JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
  • JS遍历页面所有对象属性及实现方法
  • 遍历js中对象的属性和值的实例
  • 遍历json 对象的属性并且动态添加属性的实现
  • JS遍历对象属性的方法示例
  • JS中如何轻松遍历对象属性的方式总结

《JavaScript简单遍历DOM对象所有属性的实现方法.doc》

下载本文的Word格式文档,以方便收藏与打印。