核心提示：!DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8title/titlescriptwindow.onload = function(){/*documen...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script>
window.onload = function(){
/*document是内存自动创建的，是dom的最底层的对象*/
var obody = document.body;
console.info(obody);
/*childNodes获取到所有子节点，元素节点文本节点*/
var nodearr = obody.childNodes;
console.info(nodearr);
console.info(nodearr.length);
/*所有的标签都是元素节点，换行是文本节点，元素节点返回值是1 文本节点返回值是3 属性节点返回2*/
for(var i=0;i<nodearr.length;i++){
console.info(nodearr[i].nodeName);
console.info(nodearr[i].nodeType);
}
/*children获取到所有的子元素中的元素节点*/
var oul = document.getElementById("ul");
var childArr = oul.children;
for(var j=0;j<childArr.length;j++){
console.info(childArr[j].nodeName)
}
}
</script>
</head>
<body><h1>天气不错</h1>
<ul id="ul">
<li>新闻</li>
<li>体育</li>
<li>更多</li>
</ul>
<span>span</span>
</body>
</html>
