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>