例
看看有多少属性,一个<button>元素有:
var x = document.getElementById("myBtn").attributes.length;
x的结果可能是:
2
试一试» 更多"Try it Yourself"下面的例子。
定义和用法
属性属性返回指定节点的属性的集合,为的NamedNodeMap对象。
这些节点可以通过索引号来访问,并且索引从0开始。
提示:数字索引是通过所有元素的属性会很有用:您可以使用长度的的NamedNodeMap对象的属性来确定属性的数量,那么你可以遍历所有属性节点和提取您想要的信息。
提示:HTML属性的属性节点,所有的属性和方法可用于 属性对象。
浏览器支持
属性 | |||||
---|---|---|---|---|---|
attributes | 是 | 是 | 是 | 是 | 是 |
注:在Internet Explorer 8和更早的版本,属性属性将返回所有可能的属性的集合的元素。
句法
node .attributes
技术细节
返回值: | 一个的NamedNodeMap对象,表示节点的属性的集合 |
---|---|
DOM版本 | 核心1级节点对象 |
更多示例
例
得到的名称<button>元素的第二(index 1)属性:
var x = document.getElementById("myBtn").attributes[1].name;
x的结果可能是:
onclick
试一试» 例
通过的所有属性环<img>元件和输出每个属性的名称和值:
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i =
0; i < x.attributes.length; i++) {
txt = txt +
x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
}
试一试»