當前位置:首頁 > 學習>正文

                                        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;

                                         

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

                                        猜你喜歡

                                        摸哪里男人快速硬起来