如题所示：
<body>
<div>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<script>
var div =document.getElementsByTagName("div")[0];
//console.log(div.childNodes);子节点 包含元素，换行，注释
//console.log(div.children);子元素 只获取标签
//console.log(div.parentNode);父节点
// console.log(div.parentElement);父元素
//console.log(div.firstChild.firstChild);第一个子节点
//console.log(div.firstElementChild);第一个子元素
//console.log(div.lastChild);最后一个子节点
//console.log(div.lastElementChild);最后一个子元素
//console.log(div.previousSibling);上一个兄弟节点
//console.log(div.previousElementSibling);上一个兄弟元素
//console.log(div.nextSibling);下一个兄弟节点
console.log(div.nextElementSibling);
//除了用get方法获取标签外，还可以
console.log(document.body.lastElementChild.previousElementSibling.lastElementChild.lastElementChild.lastChild);
</script>
</body>
运行结果：
有任何问题，欢迎指教！！
