JavaScript HTML DOM length 属性

• 

  HTML DOM length 属性

  length属性返回NamedNodeMap对象中的节点数。Node对象的属性是NamedNodeMap对象的示例。此属性是只读的。

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

  实例：

  获取<button>元素的属性个数：

  var x = document.getElementsByTagName("BUTTON")[0].attributes.length;
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  length	支持	支持	支持	支持	支持

  注意：在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>";
  }
  

  尝试一下