<!DOCTYPE html>
<html lang="en"><head> <meta charset="UTF-8"> <title>dom节点</title><script type="text/javascript">window.onload = function(){ var oUl = document.getElementsByTagName('ul')[0]; // alert(oUl.childNodes.length) // 7 // alert(oUl.children.length)// 3 children 实际上是指的元素节点 var oLi = document.getElementById('two'); alert(oLi.parentNode) // nodeType 1是指元素节点 3是指文本节点； alert(oLi.parentNode.nodeType) //1 alert(oUl.firstChild.nodeType) //3 alert(oLi.nextSibling.nodeType)// 3 alert(oLi.nextElementSibling.nodeType )// 1 不兼容的情况下可以试试nextElementSibling.nodeType，一般情况下是可以的。 }</script></head><body> <ul> <li>111111</li> <li id="two">46343</li> <li>3333</li> </ul> </body></html>