Question

我刚开始使用JavaScript，而现在由于onclick停滞了几个小时而无法工作，或者也许是document.getElementById。我想做的就是单击div时将其隐藏。

如果有人可以向我解释我在做什么错，我将不胜感激！

function closing() {
    var closecook = document.getElementById("cookies");
    closecook.style.display = "none";
}

#cookies{ 
  display: block;
}

<div id="cookies" onclick="closing()">
  Our website is using cookies, click here to close this message.
</div>

这是我相关的HTML标记：

<body>
<div id="cookies" onclick="closing()">
    Our website is using cookies, click here to close this message.
</div>
</body>
<script type="text/javascript" src="functions.js"></script>

谢谢。

Answer 1

将“脚本”块放在身体末端，而不是在身体外部！
使函数“关闭”如下所示：

function closing() { var closecook = document.getElementById("cookies"); console.log(closecook); closecook.style.display = "none"; }
在浏览器中：按下“ F12”打开控制台，或右键单击浏览器中的任意位置，然后选择“检查元素”，然后选择“控制台”。
现在通过单击div执行功能。

如果您在控制台中看到“空”：问题来自“ document.getElementById（“”）;“。

如果您没有在控制台中弹出任何内容，则说明您的javascript文件未正确加载。确保文件名中没有错字！（Linux区分大小写！）。

卡在onclick和document.GetElementById

1 个答案: