script中document的方法拿到标签对象

问题遇到的现象和发生背景

script中document的方法拿到标签对象

用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%
html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <script type="text/javascript ">
        //全选
        alert(document.getElementsByName("hobby"));
        // alert(document.getElementById("3"));
        function checkAll() {
            // var hobbys = document.getElementsByName("hobby");
            for (var i = 0; i < hobbys.length; i++) {
                hobbys[i].checked=true;
            }
        }
        //全不选
        function checkNo() {
            // var hobbys = document.getElementsByName("hobby");
            for (var i = 0; i < hobbys.length; i++) {
                hobbys[i].checked=false
            }
        }
        //反选
        function checkReverse() {
            // var hobbys = document.getElementsByName("hobby");

            for (var i = 0; i < hobbys.length; i++) {
                hobbys[i].checked=!hobbys[i].checked;
            }
        }
    script>
head>
<body>
兴趣爱好：
<input type="checkbox" name="hobby" id="3" value="cpp" checked="checked">C++
<input type="checkbox" name="hobby" value="java">Java
<input type="checkbox" name="hobby" value="js">JavaScript
<br/>
<button onclick="checkAll()">全选button>
<button onclick="checkNo()">全不选button>
<button onclick="checkReverse()">反选button>
body>
html>
我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%

在标签中中直接使用 alert("document.getElementsByName("hobby")")，这时标签中的内容还没有加载出来，为什么就可以看到[object NodeList]这样的值，不应该显示null值吗,如果时调用alert(document.getElementById("3"));这样的方法，显示的就是null值，这是为什么呢？

1、因为通过name来找对象，可能是返回多个，因为没有具体指定那个，所以就返回了一个obj对象
如果你改为具体输出NodeList的那个一个，那么就会提示没有定义了
alert(document.getElementsByName("hobby"));

img

2、你那里通过id来获取对象，就是指定找一个，没找到就是返回空

img

document.getElementsByName 获取的就是一个数组对象了，此时在alert时就是[object NodeList]。
如果你alert第一个，例如： alert(document.getElementsByName("hobbys")[0])，那么就是undefined了。
document.getElementById 是获取单个对象的，所以为null

根据name查找确实是一个node list