JavaScript12行代碼擷取相關節點

標籤：asc   ==   col   stc   第一個   ons   標籤   sel   元素   

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title></head><body><div id="dv">    <span>這是div中的第一個span標籤</span>    <p>這是div中的第二個元素,第一個p標籤</p>    <ul id="uu">        <li>喬峰</li>        <li>鹿茸</li>        <li id="three">段譽</li>        <li>卡卡西</li>        <li>雛田</li>    </ul></div><script src="common.js"></script><script>    //12行代碼,都是擷取節點和元素的    //ul    var ulObj = document.getElementById("uu");    //父級節點    console.log(ulObj.parentNode);    //父級元素    console.log(ulObj.parentElement());    //子節點    console.log(ulObj.childNodes);    //子項目    console.log(ulObj.children);    console.log("===================");    //第一個子節點    console.log(ulObj.firstChild);    //第一個子項目    console.log(ulObj.firstElementChild);    //最後一個子節點    console.log(ulObj.lastChild);    //最後一個子項目    console.log(ulObj.lastElementChild);    //某個元素的前一個兄弟節點    console.log(my$("three").previousNode());    //某個元素的前一個兄弟元素    console.log(my$("three").previousElementSibling);    //某個元素的後一個兄弟節點    console.log(my$("three").nextNode());    //某個元素的後一個兄弟元素    console.log(my$("three").nextElementSibling);    /*    * 總結:凡是擷取節點的代碼在Google和Firefox得到的都是======相關節點    * 凡是擷取元素的代碼在Google和Firefox得到的都是=====相關元素    * 從"======="往後的(從子節點和兄弟節點開始)凡是擷取節點的代碼在IE8中得到的是元素,    * 擷取元素的相關代碼,在IE8中得到的都是undefined------元素的代碼,IE8中不支援    * */</script></body></html>

 

JavaScript12行代碼擷取相關節點