卡在onclick和document.GetElementById

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 个解决方案

解决方案1
0 2018-08-19 20:18:53

卡在onclick和document.GetElementById

问题描述

1 个解决方案

解决方案1 0 2018-08-19 20:18:53

解决方案1
0 2018-08-19 20:18:53