最新的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;
    }
}
試一試»

<文檔對象