• <blockquote id="4oo2k"><center id="4oo2k"></center></blockquote>
  • 當前位置:首頁 > 學習>正文

    js獲取子節點的方法,JavaScript獲取子節點、父節點和兄弟節點的方法總結

    07-19 互聯網 未知 學習
    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;

     

    版權聲明: 本站僅提供信息存儲空間服務,旨在傳遞更多信息,不擁有所有權,不承擔相關法律責任,不代表本網贊同其觀點和對其真實性負責。如因作品內容、版權和其它問題需要同本網聯系的,請發送郵件至 舉報,一經查實,本站將立刻刪除。

    猜你喜歡

    噜噜射无码免费视频观看
  • <blockquote id="4oo2k"><center id="4oo2k"></center></blockquote>