DOM的概念

Document Object Model 文档对象类型
将标记语言的各个组成部分封装为对应的对象:

  • Document : 整个文档对象
  • Element : 元素对象
  • Attribute : 属性对象
  • Text :文本对象
  • Comment : 注释对象

    DOM操作

    DOM操作的核心思想就是将网页中的所有元素都当做对象来处理。

  • 获取DOM对象

    • 根据CSS选择器来获取DOM元素,获取匹配到的第一个元素:``document.querySelector('选择器')
    • 根据CSS选择器来获取DOM元素,获取匹配到的所有元素:``document.querySelectorAll('选择器')
      注意:得到的是一个NodeList节点集合,是一个伪数组(有长度、有数组的数组)