主页
JS 参考手册
HTML DOM querySelectorAll() 方法
tryjsref_document_queryselectorall_multiple
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <body> <h1>一个H1元素</h1> <h2>一个 h2 元素</h2> <div>一个 DIV 元素</div> <p>一个 p 元素。</p> <p>内部包含 <span style="color:brown;">span</span> 元素的 p 元素。</p> <p>点击按钮设置所有h2、div和span元素的背景色。</p> <button onclick="myFunction()">试一试</button> <p><strong>注意：</strong> Internet Explorer 8 及更早版本不支持 querySelectorAll() 方法。</p> <script> function myFunction() { var x = document.querySelectorAll("h2, div, span"); var i; for (i = 0; i < x.length; i++) { x[i].style.backgroundColor = "red"; } } </script> </body> </html>