JavaScript遍历DOM对象所有属性的两种方法

DOM属性遍历概述与示例元素

本文通过具体示例，详细讲解在JavaScript中遍历DOM对象所有属性的实现技巧，供读者参考学习。

首先定义一个基础的DOM元素，其HTML结构如下：

<button id="btnToggleState" onclick="toggleStateManagement()">Disable State Cookie</button>

遍历DOM对象所有具备的属性

第一种方法是遍历DOM对象具备的所有属性。这种方式会遍历元素内部定义的全部属性，无论这些属性是否在HTML标签中显式声明过。

var obj=document.getElementById("btnToggleState") 
var s="";
for(var elem in obj)
   s+=elem+"\n";
alert(s);

遍历HTML标签中设置过的属性

第二种方法是仅遍历DOM对象在HTML标签中实际设置过的属性。

$.each($('#btnToggleState')[0].attributes,function(i,attrib){
  alert(i+":"+attrib.name+":"+attrib.value);
});

希望上述关于JavaScript程序设计的介绍能对大家有所帮助。