轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

HTML DOM attributes 属性

实例

了解 <button> 元素有多少属性:

var x = document.getElementById("myBtn").attributes.length;
亲自试一试 »

页面下方有更多实例。

定义和用法

attributes 属性以 NamedNodeMap 对象的形式返回指定节点属性的集合。

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

提示: 数值索引对于遍历元素的所有属性很有用，您可以使用 length 属性来确定属性的数量，然后您就能够遍历所有的属性节点并提取您需要的信息。

提示: HTML 属性是属性节点，具有属性对象可用的所有 属性和方法。

浏览器支持

属性
attributes Yes Yes Yes Yes Yes

注释: 在 Internet Explorer 8 以及更早的版本中，attributes 属性会返回元素所有可能属性的集合。

语法

node.attributes

技术细节

返回值: NamedNodeMap 对象，表示属性的集合。
DOM 版本 Core Level 1 Node Object

更多实例

实例

获取 <button> 元素的第二个（索引1）属性的名称:

var x = document.getElementById("myBtn").attributes[1].name;
亲自试一试 »

实例

获取一个 <img> 元素有多少属性:

var x = document.getElementById("myImg").attributes.length;
亲自试一试 »

实例

循环遍历 <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>";
}
亲自试一试 »