获取某元素内部多个元素

基本信息

源码名称：获取某元素内部多个元素

源码大小：0.62KB

文件格式：.zip

开发语言：CSS

更新时间：2021-07-13

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

源码介绍

<!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>