认识DOM和BOM

63 阅读1分钟

DOM(document object module 文档对象模型)

浏览器的所有节点会抽象成文档对象模型,在document的这个文档对象里面,都有相对应的节点,js提供了获取这些节点对象的API,如果想要获取对应的节点,则可以通过document来获取。

dom树

dom树主要描述了各个节点之间的关联关系,一个节点会有多个兄弟节点,也会有多个子节点,浏览器会将html的节点解析为dom树,js对文档内容的处理可以转为对dom树的操作来实现,节点都会抽象成对应的对象,通过dom树的对象可以实现对html文档的节点或内容进行增删改查。

BOM(bower object module 浏览器对象模型)

BOM提供的API提供处理document节点之外的的内容对象,如浏览器窗口、导航、路由等。

浏览器获取dom元素方法

  1. document.getElementById()
  2. document.getElementsByClassName()
  3. document.getElementByTabName()
  4. document.querySelector() -- 也可在元素上调用此方法
  5. document.querySelectorAll()