當onClick函數激活時，保持按鈕可見

Question

嗨，我有類似的東西。 當我點擊MESSAGE1按鈕時，文本Hello World出現，按鈕消失。 單擊按鈕時，如何將文本旁邊的按鈕保留下來？

<button onclick="document.write('<?php echo 'Hello World'; ?>');">MESSAGE 1</button> 

Answer 1

Instead of using document.write，可以創建一個html元素佔位然後將其內容

<button onclick="document.getElementById('message').innerHTML = '<?php echo 'Hello World'; ?>';">MESSAGE 1</button> 
<span id="message"></span> 

該按鈕被除去，因爲from this doc

文件撰寫是魯莽地依賴於定時。如果在onload事件之前調用的document.write爲 ，則它會在 頁面中追加或插入文本。如果在onload之後調用它，它將完全取代破壞以前發生的頁面。