<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>对文档树进行导航</title>
</head>
<body>
<div id="div1">
<div>hello div</div>
<p>hello p</p>
</div>
<script>
var ele=document.getElementById(‘div1‘);
//1.第一个孩子
// var ret=ele.firstElementChild;
// alert(ret.nodeName);//DIV
//2.最后一个孩子
// var ret=ele.lastElementChild;
// alert(ret.nodeName);//p
//3.孩子
var ret=ele.children;
// alert(ret);//[object HTMLCollection]
// alert(ret.length);//2
// alert(ret[0]);//[object HTMLDivElement]
// alert(ret[1]);//[object HTMLParagraphElement]
//4.children得到的是一个数组，下面遍历数组
// for(var i in ret){
// console.log(ret[i]);
// }
// for(var i=0;i<ret.length;i++){
// console.log(ret[i]);
// }
//5.nextElementSibling
var ele=document.getElementById(‘div1‘).firstElementChild;
var next=ele.nextElementSibling;
alert(next.nodeName);//p
</script>
</body>
</html>
原文：https://www.cnblogs.com/startl/p/12249237.html