querySelector
Coddy JavaScript DOM 方法 课程的第 8 课,共 13 课。
函数 querySelector() 会选择第一个匹配功能强大的类似 CSS 的选择器的元素,在复杂的元素选择中比之前的方法更加灵活。示例:
const button = document.querySelector("#btn");我们可以通过 btn id 访问 button 元素。
挑战
简单给定的 HTML 代码中包含一个按钮。
只能使用 JavaScript,
- 使用
querySelector函数获取元素。 - 使用
style属性将backgroundColor更改为 red。 - 使用
style属性将color更改为 white。
亲手试试
<!DOCTYPE html>
<html>
<body>
<button id="myButton">Click Me</button>
<script src="script.js"></script>
</body>
</html>JavaScript DOM 方法中的所有课
自己练习: Web 在线编辑器