卡在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