3.5 遍历网页元素的全部属性

HTML DOM为标签元素定义了一个attributes属性，用于返回指定标签元素的属性集合。借助attributes属性，JavaScript通过一个循环语句就可以实现遍历标签元素全部属性的操作了。

关于【代码3-5】的说明：

● 第13行代码通过标签<input>定义一个文本框，为了测试attributes属性的使用，特意定义了type、class、name、id（id="id-name"）和value这5个属性。

● 第21行代码通过id属性获取了文本框（id="id-name"）对象。

● 第22行代码通过attributes属性获取了该文本框全部属性的集合（attrs）。

● 第24～26行代码通过for循环语句遍历了属性集合（attrs）。其中，第25行代码通过浏览器控制台输出了文本框各个属性的名称（name）和属性值（value）。

下面使用Firefox浏览器运行测试该HTML网页，具体效果如图3.5所示。

图3.5 JavaScript遍历网页元素的全部属性