querySelectorAll怎么用
时间: 2023-11-07 11:59:24 浏览: 91
query:对querySelectorAll的简单抽象,提供了更高效,更直观的解决方案
querySelectorAll是一个DOM方法,用于选择匹配指定CSS选择器的所有元素。它返回一个NodeList对象,其中包含匹配选择器的所有元素。
使用方法:
1. 通过document对象调用querySelectorAll方法,传入一个CSS选择器作为参数。
```javascript
const elements = document.querySelectorAll('.class-name');
```
2. 通过指定元素对象调用querySelectorAll方法,传入一个CSS选择器作为参数。
```javascript
const elements = document.getElementById('element-id').querySelectorAll('.class-name');
```
3. 遍历NodeList对象,访问每个元素。
```javascript
elements.forEach(element => {
// do something with element
});
```
注意事项:
1. 选择器中的类名、ID、标签名等需要使用对应的符号(如.、#、空格等)进行标识。
2. 返回的NodeList对象是一个动态集合,即当DOM发生变化时,它会自动更新。
3. NodeList对象不是数组,但可以使用forEach方法进行遍历。如果需要使用数组方法,可以将NodeList对象转换为数组。
阅读全文