这道题为什么我这样写不对。
来源：4-4 编程练习
Daisy3924553
2019-01-14 14:51:59
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<button class="b1">当前显示屏幕宽度</button>
<button class="b2">当前显示屏幕高度</button>
<button class="b3">当前窗口文档屏幕宽度</button>
<button class="b4">当前窗口文档屏幕宽度</button>
<script>
document.getElementsByClassName("b1").onclick=function () {
alert("当前显示屏宽度："+screen.availWidth);
};
document.getElementsByClassName("b2").onclick=function () {
alert("当前显示屏高度："+screen.availHeight);
};
document.getElementsByClassName("b3").onclick=function () {
alert("当前窗口文档宽度："+window.innerWidth);
};
document.getElementsByClassName("b4").onclick=function () {
alert("当前窗口文档高度："+window.innerHeight);
};
</script>
</body>
</html>
2回答
-
同学你好，这里应该给button元素使用id选择器，而不是class选择器。修改后的代码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button id="b1">当前显示屏幕宽度</button> <button id="b2">当前显示屏幕高度</button> <button id="b3">当前窗口文档屏幕宽度</button> <button id="b4">当前窗口文档屏幕宽度</button> <script> document.getElementById("b1").onclick=function{ alert("当前显示屏宽度："+screen.availWidth); }); document.getElementById("b2").onclick=function () { alert("当前显示屏高度："+screen.availHeight); }; document.getElementById("b3").onclick=function () { alert("当前窗口文档宽度："+window.innerWidth); }; document.getElementById("b4").onclick=function () { alert("当前窗口文档高度："+window.innerHeight); }; </script> </body> </html>如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~
0h019-01-14 -
好帮手慕阿满
2019-01-14
可以使用class选择器，但是document.getElementsByClassName("b1")返回的是一个数组，这里应该加一个[0]表示第一个标签，才能正常运行，如：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button class="b1">当前显示屏幕宽度</button> <button class="b2">当前显示屏幕高度</button> <button class="b3">当前窗口文档屏幕宽度</button> <button class="b4">当前窗口文档屏幕宽度</button> <script> document.getElementsByClassName("b1")[0].onclick=function () { alert("当前显示屏宽度："+screen.availWidth); }; document.getElementsByClassName("b2")[0].onclick=function () { alert("当前显示屏高度："+screen.availHeight); }; document.getElementsByClassName("b3")[0].onclick=function () { alert("当前窗口文档宽度："+window.innerWidth); }; document.getElementsByClassName("b4")[0].onclick=function () { alert("当前窗口文档高度："+window.innerHeight); }; </script> </body> </html>如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~
0
相似问题