搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
JavaScript
JavaScript 教程
JS HTML DOM
源代码
清空
点击运行
<!DOCTYPE html> <html> <title>JavaScript HTML DOM Selectors示例 - 基础教程(div.cn)</title> <head> <style> div { border: 1px solid black; padding: 4px 10px; margin: 5px; } </style> </head> <body> <div class="note"> <p>第一个div中的class为" note"的P元素</p> </div> <div class="demo"> <p>第一个div中具有class="demo"的P元素</p> </div> <div class="note"> <p>第二个div中的class为" note"的P元素</p> </div> <p>点击按钮以更改所有带有" note"类的div元素的背景颜色:</p> <button onclick="myFunc()">点我试试</button> <script> function myFunc() { var x = document.querySelectorAll("div.note"); for(let i = 0; i < x.length; i++) { x[i].style.backgroundColor = "coral"; } } </script> </body> </html>
运行结果