激活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

  

document.write是鲁莽地依赖于时间。如果是document.write   在onload事件之前调用，它会附加或插入文本   页。如果在onload之后调用它，它会完全替换页面，   摧毁之前发生的事情。