document.querySelectorAll()
时间: 2023-11-07 08:01:51 浏览: 79
document.querySelectorAll() 是一个用于选择DOM元素的方法。它接受一个CSS选择器作为参数,并返回与该选择器匹配的所有元素的一个静态NodeList。
例如,如果我们有以下HTML代码:
```
<div class="container">
<p class="paragraph">Hello World!</p>
<p class="paragraph">Lorem Ipsum</p>
</div>
```
我们可以使用document.querySelectorAll('.paragraph')来选择所有class为"paragraph"的元素,它将返回一个包含这两个p元素的NodeList。
相关问题
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。
阅读全文