DOM文档对象模型
js操作页面标签（元素、属性、文本）
js操作页面的css样式
整个文档是一个文档节点
每个HTML标签是一个元素节点
包含在HTML元素中的文本是文本节点
每一个HTML属性是一个属性节点
注释属于注释节点
nodeType nodeName nodeValue
元素节点 1 标签名 null
属性节点 2 属性名 属性值
文本节点 3 #text 具体文本
文档节点 9 #document null
<div id="txt" class="active">学习使我们成长</div>
<script >
//Node代表节点
console.log(Node.prototype)
//元素节点
var txt = document.getElementById('txt')
console.log(txt.nodeType);//1
console.log(txt.nodeName);//DIV
console.log(txt.nodeValue);//null
//属性节点 attributes 获取对象所有属性
var attr = txt.attributes[0]
console.log(attr.nodeType)//2
console.log(attr.nodeName)//id
console.log(attr.nodeValue)//txt
//文本节点 childNodes获取所有子节点的对象
var content = txt.childNodes[0]
console.log(content.nodeType)//3
console.log(content.nodeName)//#text
console.log(content.nodeValue)//学习使我们成长
//文档节点
console.log(document.nodeType)//9
console.log(document.nodeName)//#document
console.log(document.nodeValue)//null
</script>
\
