無法讓按鈕消失

Question

我試圖讓這個按鈕在點擊時消失，但是，點擊時它什么也不做

HTML

<button id="startButton" onclick="startButton()">
   <img src="Img\MainMenu\button(play).png"> 
</button>

<script type="text/javascript" src="Client\js\placeholder.js"></script>

JavaScript

startButton.onclick = function startButton() { // when start button is clicked
   startButton.style.display = "none";
};

Answer 1

在開始編碼之前，您應該更多地了解HTML和JavaScript 。 您的代碼有一些基本錯誤。

要在 JavaScript 中唯一地引用元素，您需要使用document.getElementById ：

Document方法getElementById()返回一個Element對象，表示其id屬性與指定字符串匹配的元素。 由於元素 ID 在指定時必須是唯一的，因此它們是快速訪問特定元素的有用方法。

如果您需要訪問沒有 ID 的元素，您可以使用querySelector()使用任何 選擇器查找元素。

來源： MDN

 <button id="startButton"> <img src="Img\\MainMenu\\button(play).png"> </button> <script> const $startButton = document.getElementById('startButton') $startButton.onclick = () => { $startButton.style.display = 'none' } </script>