HTML DOM 元素属性
例子
<img> 元素有多少个属性
let numb = document.getElementById("myImg").attributes.length;
自己尝试 »
显示 <img> 元素的所有属性
const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;
自己尝试 »
更多示例如下。
描述
attributes
属性返回元素中属性的集合。
attributes
属性返回一个 NamedNodeMap。
NamedNodeMap
NamedNodeMap 是元素属性的类似数组的无序集合。
换句话说:NamedNodeMap 是一个 Attr 对象 列表。
NamedNodeMap 有一个 length 属性,返回节点数量。
可以使用名称或索引号访问节点。索引从 0 开始。
另见
语法
node.attributes
返回值
类型 | 描述 |
NamedNodeMap | 属性对象的集合。 |
更多例子
浏览器支持
element.attributes
是 DOM 级别 1 (1998) 功能。
它在所有浏览器中都得到完全支持
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 9-11 |