1.document.querySelector():
获取满足条件的第一个元素,可以直接操作,若没有获取成功,则返回null
常见报错示例:Cannot read properties of null (reading 'style'):不能使用null读取属性style,元素没有获取成功
2.document.querySelectorAll():
获取满足条件的所有元素,无论获不获取得到,返回的都是伪数组,伪数组不能直接操作,需要遍历伪数组,所有不能使用map遍历和filter遍历(用for循环和forEach遍历)
3.其他的获取方式(了解)
I.document.getElementById():
如果id重复了,只会获取第一个满足条件的元素
II.document.getElementsByTagName(span):
根据 标签获取元素 获取页面所有的span
III.document.getElementsByClassName(mya):
根据 类名获取元素 获取页面所有类名为mya的元素