<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload=function(){
var box=document.getElementById("box");
/* alert(box);
alert(box.tagName); //获取元素节点的标签名
alert(box.nodeName); //获取元素节点的标签名，等价于tagName
alert(box.nodeType); //获取元素节点的类型值
alert(box.nodeValue); //元素节点本身没有内容，null
//node本身吧节点指针元素放在<div>xxx</div>上，也就是说，本身没有value
//如果要输出<div>xxx</div>中里面的文本内容，那么前面innerHTML
alert(box.innerHTML); //获取元素里面的文本内容
*/
/*层次节点*/
/*
alert(box.childNodes); //NodesList集合，返回当前元素节点的所有子节点
alert(box.childNodes.length); //子节点的长度，
// 第一个节点为:测试DIV(称为文本节点)；第二个节点为：<em>倾斜</em>（称为元素节点）；第三个节点为：结束（称为文本节点）
*/
for(var i=0; i<box.childNodes.length; i++){
if(box.childNodes[i].nodeType==1){ ////如果元素节点的类型值为1
alert("元素节点： "+box.childNodes[i].nodeName); //获取元素节点的标签名
}
else{
alert("文本节点： "+box.childNodes[i].nodeValue); //否则获取元素节点的内容
}
}
</script>
</head>
<body>
<div id="box">测试DIV <em>倾斜</em>结束</div>
</body>
</html>