我们常用的查询函数语法分为 querySelector 和 querySelectorAll
获取单个元素 : document.querySelector('选择器')
获取多个元素 : document.querySelectorAll('选择器')
两者区别:
(1)作用不同
querySelector:只能找到满足条件的第一个条件 querySelectorAll: 可以找到满足条件的所有元素
(2)语法不同
querySelector: 返回值是dom对象,可以使用dom对象
querySelectorAll:返回值是伪数组,不可以使用dom点语法,必须要选下标取出dom对象才可以使用dom点语法
- @description: 获取满足条件的第一个元素
- @param {string} 选择器字符串
- @return: dom对象 | null
- @description: 获取满足条件 所有元素
- @param {string} 选择器字符串
- @return: 一定是伪数组 （伪数组有三要素下标、元素、长度。 但是没有数组方法）
注意:凡是看到后缀为list或者arr的,就是提示为数组类型
