getElementById() 和 getElementsByTagName()

getElementById() 和 getElementsByTagName() 這兩種方法，可查找整個 HTML 文檔中的任何 HTML 元素。

這兩種方法會忽略文檔的結(jié)構(gòu)。假如您希望查找文檔中所有的

元素，getElementsByTagName() 會把它們?nèi)空业?#xff0c;不管

元素處于文檔中的哪個層次。同時，getElementById() 方法也會返回正確的元素，不論它被隱藏在文檔結(jié)構(gòu)中的什么位置。

這兩種方法會像您提供任何你所需要的 HTML 元素，不論它們在文檔中所處的位置！

getElementById() 可通過指定的 ID 來返回元素：

getElementById() 語法document.getElementById("ID");

注釋：getElementById() 無法工作在 XML 中。在 XML 文檔中，您必須通過擁有類型 id 的屬性來進(jìn)行搜索，而此類型必須在 XML DTD 中進(jìn)行聲明。

getElementsByTagName() 方法會使用指定的標(biāo)簽名返回所有的元素(作為一個節(jié)點(diǎn)列表)，這些元素是您在使用此方法時所處的元素的后代。

getElementsByTagName() 可被用于任何的 HTML 元素：

getElementsByTagName() 語法document.getElementsByTagName("標(biāo)簽名稱");

或者：document.getElementById('ID').getElementsByTagName("標(biāo)簽名稱");

實例 1

下面這個例子會返回文檔中所有

元素的一個節(jié)點(diǎn)列表：document.getElementsByTagName("p");

實例 2

下面這個例子會返回所有

元素的一個節(jié)點(diǎn)列表，且這些

元素必須是 id 為 "maindiv" 的元素的后代：document.getElementById('maindiv').getElementsByTagName("p");

節(jié)點(diǎn)列表(nodeList)

當(dāng)我們使用節(jié)點(diǎn)列表時，通常要把此列表保存在一個變量中，就像這樣：var x=document.getElementsByTagName("p");

現(xiàn)在，變量 x 包含著頁面中所有

元素的一個列表，并且我們可以通過它們的索引號來訪問這些

元素。

注釋：索引號從 0 開始。

您可以通過使用 length 屬性來循環(huán)遍歷節(jié)點(diǎn)列表：var x=document.getElementsByTagName("p");

for (var i=0;i{

// do something with each paragraph

}

您也可以通過索引號來訪問某個具體的元素。

要訪問第三個

元素，您可以這么寫：var y=x[2];

總結(jié)

以上是生活随笔為你收集整理的html 访问节点,HTML DOM 访问节点的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。