仔细看源码；都写在注释里啦。
源码：
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
</head>
<script>
window.onload=function(){
var div=document.getElementsByTagName("div")[0];//元素节点
var att=div.getAttributeNode("id"); //获取属性节点
var text=div.firstChild;
// 第一先用nodeType打印这三个值 nodeType翻译为节点类型
console.log(div.nodeType)//元素节点返回1
console.log(att.nodeType)//属性节点返回2
console.log(text.nodeType)//文本节点返回3
// 用nodeName打印这三个值 nodeType翻译为节点名称
console.log(div.nodeName)//元素节点返回DIV
console.log(att.nodeName)//属性节点返回id
console.log(text.nodeName)//文本节点返回#text
// 用nodeValue打印这三个值 nodeType翻译为节点的值
console.log(div.nodeValue)//元素节点返回null
console.log(att.nodeValue)//属性节点返回box
console.log(text.nodeValue)//文本节点返回 学习感觉还挺好玩
}
</script>
<body>
<div id="box">学习感觉还挺好玩</div>
</body>
</html>
