问题遇到的现象和发生背景
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值,这是为什么呢?