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>"; }测试看看‹/›