javascript - 激活 onClick 功能时保留按钮可见

Question

嗨，我有类似的东西。当我单击MESSAGE1按钮时，文本Hello World出现并且按钮消失。单击按钮时，如何将按钮保留在文本旁边？

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

Answer 1

您可以创建一个 html 元素占位符，然后设置其内容，而不是使用 document.write

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

该按钮已删除，因为从此文档

document.write 不计后果地依赖于时间。如果在 onload 事件之前调用 document.write，它会将文本附加或插入到页面中。如果它在 onload 之后调用，它会完全替换页面，破坏之前的页面。