节点和元素

Posted 2021-03-10 no000000

节点和元素，上代码

<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:返回元素的父元素【编辑器不提示，不知道原因】