lovecoding
/
VIPJAVA


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--

        选择器  id 获取一个


     -->
    <img id="light" src="imgs/off.gif"> <br>

    <div class="cls">koobie教育</div>  <br>
    <div class="cls">爱扣钉程序员</div> <br>

    <input type="checkbox" name="hobby"> 电影
    <input type="checkbox" name="hobby"> 旅游
    <input type="checkbox" name="hobby"> 游戏
    <br>
    <script>

        //在此处书写js代码

        let img = document.getElementById("light");

        //获取属性

        console.log(img.src);

        console.log(img);


        // 标签获取

        let divArr = document.getElementsByTagName("div");

        for (let i = 0; i < divArr.length; i++) {

            console.log(divArr[i])

        }


        //class获取

        console.log(document.getElementsByClassName("cls")[0])

        console.log(document.getElementsByClassName("cls")[1])


        //根据据name属性

        let insArr = document.getElementsByName("hobby");


        insArr[0].checked = true;

        insArr[1].checked = true;

        insArr[2].checked = false;


    </script>
</body>
</html>