<!DOCTYPE html>
<html lang="en">
<head>
<title>Title</title>
<meta charset="UTF-8">
<!--<!– <script src="js_file01.js"></script>–> 尽量放后body前边-->
</head>
<body>
<div id="div1">
<div>hello world</div>
<h>yo</h>
</div>
<script>
var ele=document.getElementById("div1");
// alert(ele);
// var ele_son=ele.firstElementChild;
// alert(ele_son.nodeName);
// var ele_sons=ele.children;
// alert(ele_sons);
// alert(ele_sons.length);
// var ele_sons=ele.children;
// var ele_bro=ele_sons[0];
// alert(ele_bro.nodeName); // div
for (var i=0;i<ele.children.length;i++){
console.log(ele.children[i]); // <div>hello world</div> DIV // <h>yo</h> H
console.log(ele.children[i].nodeName);
}
</script>
</body>
</html>
原文：https://www.cnblogs.com/zxy01/p/13472764.html