DOM(document object module 文档对象模型)
浏览器的所有节点会抽象成文档对象模型,在document的这个文档对象里面,都有相对应的节点,js提供了获取这些节点对象的API,如果想要获取对应的节点,则可以通过document来获取。
dom树
dom树主要描述了各个节点之间的关联关系,一个节点会有多个兄弟节点,也会有多个子节点,浏览器会将html的节点解析为dom树,js对文档内容的处理可以转为对dom树的操作来实现,节点都会抽象成对应的对象,通过dom树的对象可以实现对html文档的节点或内容进行增删改查。
BOM(bower object module 浏览器对象模型)
BOM提供的API提供处理document节点之外的的内容对象,如浏览器窗口、导航、路由等。
浏览器获取dom元素方法
- document.getElementById()
- document.getElementsByClassName()
- document.getElementByTabName()
- document.querySelector() -- 也可在元素上调用此方法
- document.querySelectorAll()