JavaScript HTML DOM getElementsByName() 方法

• 

  HTML DOM getElementsByName() 方法

  document.getElementsByName()方法返回文档中具有指定名称（name属性的值）的所有元素的集合，作为NodeList对象。NodeList对象表示节点的集合。可以通过索引号访问节点。索引从0开始。

  提示：您可以使用NodeList对象的length属性来确定具有指定名称的元素数，然后您可以遍历所有元素并提取所需的信息。

  注意：在HTML5中，“name”属性已弃用，并已被许多元素的“id”属性替换。在适当的位置使用document.getElementById()方法。另请参阅getElementsByClassName()和getElementsByTagName()方法。

  实例：

  获取具有指定名称的所有元素：

  var x = document.getElementsByName("fname");
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  getElementsByName()	支持	支持	支持	支持	支持

• 

  语法

  document.getElementsByName(name)
• 

  参数值

  参数	类型	描述
  name	String	必需的。 要访问/操作的元素的name属性值

• 

  技术细节

  项目	描述
  返回值：	NodeList对象，表示具有指定名称的元素的集合。返回集合中的元素按照它们在源代码中的显示进行排序。
  DOM版本	Core Level 1

• 

  更多例子

  找出文档中有多少元素，这些元素具有值为“animal”的name属性（使用NodeList对象的length属性）：

  var x = document.getElementsByName("animal").length;
  

  尝试一下

  使用type为“animal”的name属性检查文档中type=“checkbox”的所有<input>元素：

  var x = document.getElementsByName("animal");
  var i;
  for (i = 0; i < x.length; i++) {
    if (x[i].type == "checkbox") {
      x[i].checked = true;
    }
  }            
  

  尝试一下