1、通過獲取DOM方式直接獲取子節(jié)點

其中price為父標(biāo)簽id的值，div為標(biāo)簽的名字。getElementsByTagName是一個方法。返回的是一個數(shù)組。在訪問的時候按數(shù)組的形式訪問即可，如var a = document.getElementById("price").getElementsByTagName("div")[0] 返回的是數(shù)組里面的第一個元素。

var a = document.getElementById("price").getElementsByTagName("div"); 
2、通過childNodes 獲取子節(jié)點

childNodes返回的是子節(jié)點的集合，也是數(shù)組的格式，不過它會把換行和空格也當(dāng)成節(jié)點信息，不推薦使用。

var b =document.getElementById("price").childNodes;
3、通過children來獲取子節(jié)點

children獲取子元素是最好用的，它返回的也是一個數(shù)組，并且會過濾掉一些不必要的信息，如換行、空格等。

var c = document.getElementById("price").children;
4、通過firstChild獲取第一個子節(jié)點

firstChild和childNodes類似，瀏覽器在解析它的時候的時候會把換行和空格一起解析，不推薦使用

var d = document.getElementById("price").firstChild;
5、通過firstElementChild獲取第一個子節(jié)點

使用firstElementChild來獲取第一個子元素，可直接獲取第一個子元素，并不會將換行和空格一起解析

var e = document.getElementById("price").firstElementChild;
6、獲取最后一個子節(jié)點

1.lastChild

2.lastElementChild

lastChild獲取最后一個子節(jié)點的方式其實和firstChild是類似的。同樣的lastElementChild和firstElementChild也是一樣的。不再贅余。

var f = document.getElementById("price").lastChild;
var g = document.getElementById("price").lastElementChild;

 

本站其他內(nèi)容推薦