節點和元素

節點和元素，上代碼

<ul id="ok">
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
    <li>item5</li>
</ul>
<script>
    var a=document.getElementById("ok");
    console.log(a.childNodes);  //返回的是全部節點，返回值是NodeList
    console.log(a.children);    //返回的是全部的元素
</script>

children：返回元素的子元素的集合

childNodes:返回元素的一個子節點的數組

firstChild：返回被選節點的第一個子節點

firstElementChild：返回被選節點的第一個子元素

lastChild: 返回的最後一個子節點

lastElementChild: 返回的最後一個子元素

nextSibling: 返回該元素緊跟的一個節點

nextElementSibling:: 返回該元素緊跟的一個元素   【編輯器不提示，不知道緣由】

parentNode:返回元素的父節點

parentElement:返回元素的父元素【編輯器不提示，不知道緣由】