1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- </head>
- <body>
-
- <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>
-
- 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])
- }
-
- console.log(document.getElementsByClassName("cls")[0])
- console.log(document.getElementsByClassName("cls")[1])
-
- let insArr = document.getElementsByName("hobby");
- insArr[0].checked = true;
- insArr[1].checked = true;
- insArr[2].checked = false;
- </script>
- </body>
- </html>
|