问题遇到的现象和发生背景
script中document的方法拿到标签对象
用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<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值，这是为什么呢？
