querySelectorAll

Coddy JavaScript DOM 方法课程的第 9 课，共 13 课。

函数 querySelectorAll() 会返回所有匹配类似 CSS 的选择器的元素组成的集合。它与 querySelector 类似，但可以一次获取所有匹配的元素。

const elements = document.querySelectorAll(".other");

上面的代码会获取所有类名为 other 的元素。

挑战

简单

给定的 HTML 代码中包含两个 span。

仅使用 JavaScript，使用 querySelectorAll 函数更改所有元素的样式：

将 backgroundColor 设置为 "pink"
将 border 设置为 "1px solid red"

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <span class="error">Error 1</span>
        <span class="error">Error 2</span>
        <script src="script.js"></script>
    </body>
</html>

JavaScript DOM 方法中的所有课

1简介

简介文档对象模型

2DOM 方法 I

getElementById 修改元素样式 getElementsByClassName 遍历并操作 getElementsByTagName querySelector

3DOM 方法 II

querySelectorAlladdEventListener innerHTML createElement 和 appendChild classList 切换

自己练习： Web 在线编辑器