Menu
CoddyTech

querySelector

Coddy JavaScript DOM 方法 课程的第 8 课,共 13 课。

函数 querySelector() 会选择第一个匹配功能强大的类似 CSS 的选择器的元素,在复杂的元素选择中比之前的方法更加灵活。示例:

const button = document.querySelector("#btn");

我们可以通过 btn id 访问 button 元素。

challenge icon

挑战

简单

给定的 HTML 代码中包含一个按钮。

只能使用 JavaScript,

  1. 使用 querySelector 函数获取元素。
  2. 使用 style 属性将 backgroundColor 更改为 red。
  3. 使用 style 属性将 color 更改为 white。 

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <button id="myButton">Click Me</button>
        <script src="script.js"></script>
    </body>
</html>

JavaScript DOM 方法中的所有课

自己练习: Web 在线编辑器