例
改變第一的HTML內容<li>元素(index 0)中的列表：
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
更改文本之前：
- Coffee
- Tea
改變後的文字：
- Milk
- Tea
試一試» 定義和用法
的getElementsByTagName()方法返回一個元素與指定標籤名的子元素的集合，作為一個NodeList對象。
該節點列表對象表示節點的集合。 節點可以通過索引號來訪問。 該指數從0開始。
提示：您可以使用長度的NodeList對象的屬性來確定與指定標籤名稱的子節點的數量，那麼你可以通過所有節點的循環，並提取所需的信息。
提示：的parameterValue "*"返回所有元素的子元素。
瀏覽器支持
在表中的數字規定，完全支持方法的第一個瀏覽器版本。
| 方法 | |||||
|---|---|---|---|---|---|
| getElementsByTagName() | 1.0 | 6 | 3.0 | 3.0 | 9.5 |
句法
element .getElementsByTagName( tagname )參數值
| 參數 | 類型 | 描述 |
|---|---|---|
| tagname | String | 需要。 你想獲得的子元素的標記名 |
技術細節
| DOM版本 | 核心1級元素對象 |
|---|---|
| 返回值： | 一個NodeList對象，表示與指定的標記元素的子元素的集合。 當它們出現在源代碼中返回的集合中的元素進行排序。 |
更多示例
例
了解有多少<p>元素有一個內部<div>元件（使用NodeList對象的長度屬性）：
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;x的結果將是：
3 試一試» 例
改變第二的背景顏色<p>元素(index 1)一個內部<div>元素：
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor
= "red"; 試一試» 例
改變所有的背景顏色<p>一內部元件<div>元素：
var x = document.getElementById("myDIV");
var y =
x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++)
{
y[i].style.backgroundColor = "red";
} 試一試» 例
改變所述第四元件的背景顏色(index 3)一個內部<div>元素：
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red"; 試一試» 例
使用"*"參數。
改變一個內的所有元素的背景顏色<div>元素：
var x = document.getElementById("myDIV");
var y =
x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++)
{
y[i].style.backgroundColor = "red";
} 試一試» 相關頁面
javascript參考： 文件。 getElementsByTagName()
JavaScript的教程： JavaScript的HTML DOM節點列表