JS訪問DOM節點方法詳解

本文實例講述了JS存取DOM節點方法。分享給大家供大家參考，具體如下：

查找並訪問節點

你可透過若干種方法來查找您希望操作的元素：

透過使用getElementById() 和getElementsByTagName() 方法

透過使用一個元素節點的parentNode、firstChild 以及lastChild 屬性

getElementById() 和getElementsByTagName()

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

這兩種方法會忽略文件的結構。假如您希望尋找文件中所有的

元素，getElementsByTagName() 會把它們全部找到，不管

元素處於文件中的哪個層次。同時，getElementById() 方法也會傳回正確的元素，無論它被隱藏在文件結構中的什麼位置。

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

getElementById() 可透過指定的 ID 來傳回元素：

getElementById() 語法

document.getElementById("ID");

註解：getElementBy   

註解：getElementById() 無法在 XML 中運作。在 XML 文件中，您必須透過擁有類型 id 的屬性來進行搜索，而此類型必須在 XML DTD 中進行聲明。

getElementsByTagName() 方法會使用指定的標籤名稱傳回所有的元素（作為一個節點清單），這些元素是您在使用此方法時所處的元素的後代。

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

getElementsByTagName() 語法

document.getElementsByTagName("标签名称");

或：

元素的一個節點列表：

document.getElementById('ID').getElementsByTagName("标签名称");

元素的一個節點列表，而這些

元素必須是id 為"maindiv" 的元素的後代：

document.getElementsByTagName("p");

document.getElementById('maindiv').getElementsByTagName("p");

元素的一個列表，並且我們可以透過它們的索引號來存取這些

元素。

var x=document.getElementsByTagName("p");

元素，您可以這麼寫：

var x=document.getElementsByTagName("p");
for (var i=0;i
登入後複製

var y=x[2];