<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> window.onload=function(){ //获取当前区域中的标签元素getElementsByTagName（标签名） //获取表单域中的表单元素getElementsByTagName(name值) var spanArr=document.getElementById("div3").getElementsByTagName("span"); for (let i = 0; i < spanArr.length; i ) { spanArr[i].style.color="red"; } } </script></head><body> <div id="div1"> <span>hello</span> <p>world</p> <span>hello</span> <p>world</p> </div> <div id="div2"> <span>hello</span> <p>world</p> <span>hello</span> <p>world</p> </div> <div id="div3"> <span>hello</span> <p>world</p> <span>hello</span> <p>world</p> </div></body></html>
评论