节点和元素

122 阅读1分钟
节点和元素,上代码
[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:返回元素的父元素【编辑器不提示,不知道原因】