1、通過獲取DOM方式直接獲取子節點

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

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

childNodes返回的是子節點的集合，也是數組的格式，不過它會把換行和空格也當成節點信息，不推薦使用。

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

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

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

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

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

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

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

1.lastChild

2.lastElementChild

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

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