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