document.querySelectorAll(
时间: 2023-11-22 19:47:34 浏览: 36
document.querySelectorAll()`是一个DOM API方法,它返回文档中与指定CSS选择器匹配的所有元素的列表。它返回的是一个NodeList对象,可以使用索引来访问其中的元素。如果没有匹配的元素,则返回一个空的NodeList对象。
与`document.querySelector()`不同,`document.querySelectorAll()`返回的是所有匹配的元素列表,而不是第一个匹配的元素。此外,`document.querySelectorAll()`还可以接受多个选择器作为参数,以逗号分隔。
例如,以下代码将选择文档中所有类名为"example"的元素,并将它们的背景颜色设置为红色:
```javascript
const examples = document.querySelectorAll('.example');
examples.forEach(example => {
example.style.backgroundColor = 'red';
});
```
相关问题
document.querySelectorAll
`document.querySelectorAll` 是 JavaScript 中的 DOM API 之一,用于在文档中选择所有匹配指定 CSS 选择器的元素,并返回一个 NodeList 对象。NodeList 对象类似于数组,但不能使用数组的方法,需要通过遍历来访问其中的元素。例如,可以使用以下代码选择所有 class 为 "example" 的元素:
```
const elements = document.querySelectorAll('.example');
```
这将返回一个 NodeList 对象,包含了所有匹配选择器的元素。你可以使用 `for` 循环或者其他遍历方法来访问 NodeList 中的元素,例如:
```
for (let i = 0; i < elements.length; i++) {
console.log(elements[i]);
}
```
document.queryselectorall
`document.querySelectorAll` 是 JavaScript 中的一个方法,用于在文档中查找所有符合 CSS 选择器的元素,并返回一个 NodeList 对象。例如:`document.querySelectorAll(".classname")` 将返回文档中所有 class 为 "classname" 的元素的 NodeList。