最新的Web开发教程
 

HTML DOM getElementsByName() Method

<文档对象

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

var x = document.getElementsByName("fname");
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

所述getElementsByName()方法返回文档中的所有元素具有指定名称的集合(the value of the name attribute) ,作为节点列表对象。

该节点列表对象表示节点的集合。 节点可以通过索引号来访问。 该指数从0开始。

提示:您可以使用长度的NodeList对象的属性来确定具有指定名称的元素数量,那么你可以通过所有元素循环和提取所需的信息。

注:在HTML5中, "name"属性已被弃用,由已取代"id"为许多元素属性。 使用文件。 getElementById()方法,其中,它是合适的。 也看getElementsByClassName()getElementsByTagName()方法。


浏览器支持

方法
getElementsByName()

句法

document.getElementsByName( 参数值
参数 类型 描述
name String 需要。 该name您要访问的元素的属性值/操纵

技术细节

DOM版本: 核心1级文档对象
返回值: 的NodeList对象,表示具有指定名称元素的集合。 当它们出现在源代码中返回的集合中的元素进行排序。

例子

更多示例

找出多少元素有一些具有价值的名称属性文件中"animal" (使用NodeList对象的长度属性):

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

检查所有<input>与具有与该值的名称属性的文档中类型=“复选框”元件"animal"

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

<文档对象