js的一个重要的功能就是解析DOM（文档对象模型，一种独立于平台和语言的方式访问和修改一个文档的内容和结构，换句话说，这是表示和处理一个HTML或xml文档的常用方法）
一个HTML页面会被浏览器解析为一个DOM树，而js就是可以操作这种树的语言，我们可以用js来获取DOM树的一个节点了，然后修改它，也可以添加或者删除一个节点，从而达到修改HTML页面的目的。
在HTML DOM 中，每一个元素都是节点：
- 文档是一个文档；
- 所有的HTML元素都是元素节点；
- 所有HTML属性都是属性节点；
- 文本查插到HTML元素是文本节点；
- 注释是注释节点；
Document对象
当浏览器载入HTML文档，它就成为了document对象；
document对象是HTML文档的根节点和所有其他节点；
document对象是我们可以从脚本中对HTML页面中的所有元素进行访问。
document对象 是Window对象的一部分，可通过window.document属性对其进行访问。
详细document对象属性和方法介绍点击打开链接
常见的：
获取DOM元素可以使用，getElementById()//根据给定的id查找想要的元素；
getElementsByName()//根据name属性查找想要的元素；
getElementsByTagName()//返回带有指定标签名的对象的集合；
<p id="demo">单击按钮来改变这一段中的文本。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
document.getElementsByTagName("P")[0].innerHTML="Hello World";
};
</script>document.createTextNode()//创建文本节点
document.createAttribute()//创建属性节点
document.documentElement//返回文档根节点