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//返回文档根节点