为什么我的javascript按钮会消失（在线方法）

我知道一些javascript，但一直不太明白为什么这段代码会让按钮消失

<input type="button" name="clickable" value="Click me!" onclick="clicked();">

正如您所看到的，它并没有告诉元素隐藏或类似的事情。有人能解释一下吗？一个解决方案会很好

---

因为你写的文档是为了“谢谢”

---

尝试使用

警报

或

控制台。日志

文档。写入将覆盖页面上现有的HTML。您可以尝试以下方法：

脚本：

function clicked() {
    document.getElementById('myOutput').innerHTML="Thank you";
}

HTML:

<input type="button" name="clickable" value="Click me!" onclick="clicked();">
<div id="myOutput"></div>

加载DOM并准备就绪后，您执行了

document.write（）

，该操作将覆盖整个页面的HTML。这将有助于详细说明。

不要使用document.write，这是一种不好的做法，会删除其他内容好的，因此document.write会清除screen@unableToCompile，仅在完全解析文档之后。您可以按照文档的常规流程运行该行，但在函数调用中，它将删除所有内容。

function clicked() {
    document.getElementById('myOutput').innerHTML="Thank you";
}

<input type="button" name="clickable" value="Click me!" onclick="clicked();">
<div id="myOutput"></div>