1、通過獲取DOM方式直接獲取子節點
其中price為父標簽id的值,div為標簽的名字。是一個方法。返回的是一個數組。在訪問的時候按數組的形式訪問即可,如vara=.("price").("div")[0] 返回的是數組里面的第一個元素。
var?a?=?document.getElementById("price").getElementsByTagName("div");?
2、通過獲取子節點
返回的是子節點的集合,也是數組的格式,不過它會把換行和空格也當成節點信息,不推薦使用。
var?b?=document.getElementById("price").childNodes;
3、通過來獲取子節點
獲取子元素是最好用的,它返回的也是一個數組js取最后一個子節點js取最后一個子節點,并且會過濾掉一些不必要的信息,如換行、空格等。
var c = document.getElementById("price").children;
4、通過獲取第一個子節點
和類似,瀏覽器在解析它的時候的時候會把換行和空格一起解析,不推薦使用
var d = document.getElementById("price").firstChild;
5、通過獲取第一個子節點
使用來獲取第一個子元素,可直接獲取第一個子元素,并不會將換行和空格一起解析
var e = document.getElementById("price").firstElementChild;
6、獲取最后一個子節點
1.
2.
獲取最后一個子節點的方式其實和是類似的。同樣的和也是一樣的。不再贅余。
var f = document.getElementById("price").lastChild;
var g = document.getElementById("price").lastElementChild;