获取DOM对象的方式

130 阅读1分钟

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的元素