html5-Dom操作

来源：互联网发布：tuneskit for windows 编辑：程序博客网时间：2024/06/04 17:57
<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <style>        .box{            width: 300px;            height: 100px;            margin:10px auto;            border: 1px solid #000;        }    </style></head><body>        <div class="box box1" id="box1"></div>        <div class="box box3 "></div>        <div class="box box3"></div>        <div class="box box4"></div></body><script>        //        var box1=document.getElementById('box1');        //     document.querySelector 只会获取符合条件的第一个元素        //  获取符合条件的第一个元素        var box1=document.querySelector(".box3");        box1.style.background='red';//------------------获取所有符合条件的标签--------------------------------------------------        //会获取所有复合条的 标签，返回的是一个数组， 参数：可以是任意 css选择器        var divs= document.querySelectorAll('div.box');        //document.queryselectorAll获取所有div下的class类名为box的元素        console.log(divs);        for(var i=0;i<divs.length;i++){            divs[i].style.background='red';        }</script></html>
0 0