let 和querySelectorAll
时间: 2023-11-16 18:00:14 浏览: 63
let是ES6中新增的关键字,用于声明块级作用域的变量。querySelectorAll是DOM API中的方法,用于获取文档中所有符合指定CSS选择器的元素,并返回一个NodeList对象。
1. let关键字的作用是什么?
2. querySelectorAll返回的NodeList对象有哪些常用属性和方法?
3. 除了querySelectorAll,DOM API中还有哪些常用的方法?
相关问题
querySelector 和 querySelectorAll 什么意思
querySelector和querySelectorAll是JavaScript中的两个DOM选择器方法。
1. querySelector方法用于选择满足条件的第一个元素(node)。如果没有满足条件的元素,则返回null。
2. querySelectorAll方法用于选择满足条件的所有元素(nodelist)。如果没有满足条件的元素,则返回一个空的数组[]。
以下是两个例子来演示querySelector和querySelectorAll的用法:
1. 使用querySelector选择唯一的id:
```javascript
let box = document.querySelector("#box"); // 选择id为box的元素
box.onclick = function() {
box.style.background = "red";
}
```
2. 使用querySelectorAll选择重复出现的元素或class:
```javascript
let boxes = document.querySelectorAll(".box"); // 选择所有class为box的元素
boxes[0].onclick = function() {
boxes[0].style.background = "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]);
}
```
阅读全文