HTML DOM attributes 属性

HTML DOM Element 对象

attributes属性返回注册到指定元素节点的所有属性节点的活动集合。

可以通过索引号访问节点,索引从0开始。

使用NamedNodeMap对象的length属性来确定属性的数量。

HTML属性是属性节点,所有属性和方法可用于Attribute对象。

语法:

element.attributes
var len = document.querySelector("img").attributes.length;
测试看看‹/›

浏览器兼容性

所有浏览器完全支持attribute属性:

属性
attributes

技术细节

返回值:NamedNodeMap对象,表示节点属性的集合
DOM版本:DOM级别1

更多实例

获取IMG元素的第二个属性(索引1)的名称:

var x = document.querySelector("img").attributes[1].name;
测试看看‹/›

获取IMG元素的第二个属性(索引1)的值:

var x = document.querySelector("img").attributes[1].value;
测试看看‹/›

遍历IMG元素的所有属性,并输出每个属性的名称和值:

var attrList = document.querySelector("img").attributes;
var txt = "";

for (let i = 0; i < attrList.length; i++) {
txt += attrList[i].name + " = " + attrList[i].value + "<br>";
}
测试看看‹/›

HTML DOM Element 对象