最新的Web開發教程
 

HTML DOM getElementsByTagName() Method

<文檔對象

例

獲取與指定的標籤名稱文檔中的所有元素：

var x = document.getElementsByTagName("LI");
試一試»

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

定義和用法

所述getElementsByTagName()方法返回與指定標籤名的文檔中的所有元素的集合，作為一個節點列表對象。

該節點列表對象表示節點的集合。 節點可以通過索引號來訪問。 該指數從0開始。

提示：的parameterValue "*"返回文檔中的所有元素。

提示：您可以使用長度的NodeList對象的屬性來確定與指定標籤名稱的元素數量，那麼你可以通過所有元素循環和提取所需的信息。

瀏覽器支持

在表中的數字規定，完全支持方法的第一個瀏覽器版本。

方法
getElementsByTagName() 1.0 6 3.0 3.0 9.5

句法

document.getElementsByTagName( tagname )

參數值

參數 類型 描述
tagname String 需要。 你想獲得的元素的標記名

技術細節

DOM版本： 核心1級文檔對象
返回值： 甲NodeList對象，表示與指定的標籤名稱元素的集合。 當它們出現在源代碼中返回的集合中的元素進行排序。
例子

更多示例

例

了解有多少<li>元件有在文檔中（使用NodeList對象的長度屬性）：

var x = document.getElementsByTagName("LI").length;
試一試»

例

改變第一的HTML內容<p>元素(index 0)的文檔中：

document.getElementsByTagName("P")[0].innerHTML = "Hello World!";
試一試»

例

改變所有的背景顏色<p>所述文檔中的元素：

var x = document.getElementsByTagName("P");
var i;
for (i = 0; i < x.length; i++) {
    x[i].style.backgroundColor = "red";
}
試一試»

例

使用"*"參數。

獲取文檔中的所有元素：

var x = document.getElementsByTagName("*");
試一試»

相關頁面

javascript參考： 元素 。 getElementsByTagName()

JavaScript的教程： JavaScript的HTML DOM節點列表

<文檔對象