使用document.getElementById時頁面重新加載

Question

我使用下面顯示的js函數來使頁面的一部分在用戶單擊按鈕時消失。

但是，當我單擊按鈕時，該部分確實消失了，但隨后頁面重新加載。 為什么會這樣呢？

<button id="myDIV" onclick="fncShowHide()">Try it</button>

<script>
window.fncShowHide = function() {
   document.getElementById("idein").className = "display-none";
}
</script>

Answer 1

請參閱<按鈕>標記單擊時的標准行為是什么？ 。

從onclick處理程序返回false ，以防止任何默認的瀏覽器操作。

<button id="myDIV" onclick="fncShowHide(); return false;">Try it</button>

Answer 2

？

 window.fncShowHide = function() { document.getElementById("idein").className = "display-none"; } window.other_ = function() { document.getElementById("idein").style.display = "none"; } 

 .display-none{ display:none; } 

 <button id="myDIV" onclick="fncShowHide(); return false;">Try it</button> <div id="idein">BYEEEEEEEEEEEEEEEEEEEEEEEEEEE!</div> <script> </script>