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