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属性对其进行访问。

常见的：

获取DOM元素可以使用，getElementById()//根据给定的id查找想要的元素；

getElementsByName()//根据name属性查找想要的元素；

getElementsByTagName()//返回带有指定标签名的对象的集合；

document.createElement()//创建元素节点

document.createTextNode()//创建文本节点

document.createAttribute()//创建属性节点

document.documentElement//返回文档根节点