节点和元素，上代码

[url=][/url]
<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>[url=][/url]

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

childNodes:返回元素的一个子节点的数组

firstChild：返回被选节点的第一个子节点

firstElementChild：返回被选节点的第一个子元素

lastChild: 返回的最后一个子节点

lastElementChild: 返回的最后一个子元素

nextSibling: 返回该元素紧跟的一个节点

nextElementSibling:: 返回该元素紧跟的一个元素   【编辑器不提示，不知道原因】

parentNode:返回元素的父节点

parentElement:返回元素的父元素【编辑器不提示，不知道原因】

节点和元素，上代码

[url=][/url]
<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>[url=][/url]

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

childNodes:返回元素的一个子节点的数组

firstChild：返回被选节点的第一个子节点

firstElementChild：返回被选节点的第一个子元素

lastChild: 返回的最后一个子节点

lastElementChild: 返回的最后一个子元素

nextSibling: 返回该元素紧跟的一个节点

nextElementSibling:: 返回该元素紧跟的一个元素   【编辑器不提示，不知道原因】

parentNode:返回元素的父节点

parentElement:返回元素的父元素【编辑器不提示，不知道原因】