webapi的认知
作用：就是使用JS去操作HTML和浏览器
分类
-
DOM
- 操作HTML和css
-
BOM
- 操作浏览器
DOM对象(重要)
-
浏览器根据HTML标签生成的JS对象
- 所有的标签属性都可以在这个对象上面找到
- 修改这个对象的属性会自动映射到标签身上
-
操作DOM对象本质上就是在操作页面元素
获取DOM对象的方式
document.querySelector
- 获取的是符合条件的第一个元素，也只有一个
- 获取的是dom元素，可直接操作
- 如果没有获取到元素，则返回null
document.querySelectorAll
- 获取的是符合条件的所有元素，返回的是数组；就算没有获取到元素，也返回一个空的伪数组
- 获取的是伪数组，无法直接操作，需要通过数组下标才能对其操作，所以需要遍历数组
了解
- document.getElementById()
- document.getElementsByTagName()
- document.getElementsByClassName()