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

HTML DOM length 属性

实例

返回 button 元素的属性数：

var x = document.getElementsByTagName("BUTTON")[0].attributes.length;
亲自试一试 »

页面下方有更多实例。

定义和用法

length 属性返回集合中节点的数量。

Node 对象的属性是 NamedNodeMap 对象的实例。

该属性是只读的。

提示: 使用 item() 方法返回 NamedNodeMap 对象中指定索引处的节点。

浏览器支持

属性
length Yes Yes Yes Yes Yes

注释: 在 Internet Explorer 8 以及更早的版本中，属性的 length 属性将返回元素所有可能属性数量。

语法

namednodemap.length

技术细节

返回值: 数字值，代表 nodemap 中的节点数。
DOM 版本 Core Level 1

更多实例

实例

循环遍历 <button> 元素的所有属性，并输出每个属性的名称:

var txt = "";
var x = document.getElementById("myBtn").attributes;

var i;
for (i = 0; i < x.length; i++) {
  txt += "Attribute name: " + x[i].name + "<br>";
}
亲自试一试 »

实例

找出一个 <img> 元素有多少属性:

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

实例

循环遍历 <img> 元素的所有属性，并输出每个属性的名称和值:

var txt = "";
var x = document.getElementById("myImg");

var i;
for (i = 0; i < x.attributes.length; i++) {
  txt = txt + x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
}
亲自试一试 »