單擊按鈕后顯示文本

Question

單擊按鈕時，我得到了想要更改的 h1 標簽。

我想要它，然后當您單擊按鈕時，h1 標簽將更改為其他內容，例如“香蕉”或其他內容。 我如何使用 onclick 事件來更改它？

Answer 1

您可以使用 ( addEventListener ) 和 (click) 事件通過使用 javascript 代碼來偵聽單擊按鈕。 我希望它清楚和有幫助，謝謝！

 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <!-- My Heading --> <h1 id="MyHeading">This is a Heading</h1> <!-- My Button --> <button id="MyButton">Click Me!</button> </body> </html> <script> //Select button by id const MyButton = document.getElementById('MyButton'); //Add on click listener for button MyButton.addEventListener('click', function() { //Select (h1) heading by id, and then change it's value to (bananas) document.getElementById('MyHeading').innerText = "bananas" }) </script>

單擊按鈕后顯示文本

問題描述

1 個解決方案

解決方案1
-1 2022-06-14 15:22:15

單擊按鈕后顯示文本

問題描述

1 個解決方案

解決方案1 -1 2022-06-14 15:22:15

解決方案1
-1 2022-06-14 15:22:15