JavaScript中document不生效无法获取结果

JavaScript //2的var hobbys = document.getElementsByName("hobby");无法生效获取，把//1中的 divs[j].innerHTML="hehe"注释或者把//2代码段置于代码段//1之前时代码段//2就会生效。

不知道什么原因，代码//1和//2段换个位置就能能生效

Title

it教育

黑马教育

打游戏
看电影
旅游

感谢解惑

我写了个测试，复现不了你说的情况，始终都是正常的，你哪我这个例子试试。

<html>
<title>Title</title>
<body>
<div class="type1">it教育</div>
<div class="type1">黑马教育</div>

打游戏<input name="hobby" type="checkbox" />
看电影<input name="hobby" type="checkbox" />
旅游 <input name="hobby" type="checkbox" />

<script>
    var hobbys = document.getElementsByName("hobby")
    for (let i = 0; i < hobbys.length; i++) {
        hobbys[i].checked = true;
    }
    
    var divs = document.getElementsByTagName("div");
    for (let i = 0; i < divs.length; i++) {
        divs[i].innerHTML = "haha";
    }
</script>

</body>
</html>

这篇文章讲的很详细，请看：JavaScript核心之Document对象详解（document属性，方法）