js-DOM

DOM

1. DOM的定义

DOM：document object model文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口，通过这些接口可以改变网页的内容、结构和样式。

2. DOM树

• 文档：一个页面就是一个文档，DOM中用document表示
• 元素：页面中所有的标签都是元素，DOM中用element表示
• 节点：页面中所有的内容都是节点，DOM中用node表示

DOM把以上所有看作为对象，所以叫做文档对象模型

3. DOM是如何获取元素的？

• 根据id获取：document.getElementById(‘id’)

  若匹配到则返回Element对象，没找到返回null

• 根据标签名获取：document.getElementByTagName(‘标签名’)

  获取来的（不管是多个还是一个还是没有）都以伪数组的形式进行存储。

• 通过类型获取:document.getElementByClassName(‘类名’)

• 通过选择器选择（单）：document.querySelector(‘选择器’)

​ 会根据指定选择器返回第一个元素对象

• 通过选择器选择（复数）：document.querySelectorAll(‘选择器’)

• 两个特殊的元素(body, html)的获取方式

  document.body, document.documentElement