javascript - 从页面中删除画布并将其替换为简单的文本消息

Question

我正在尝试从页面中删除画布并将其替换为消息。这就是我所拥有的：

<div id="1">
<div class="2">
<canvas>
</div>
</div>

我想要做的是移除画布并用一条消息替换它，一条简单的消息，上面写着：“事情已断开连接”。

我在尝试：

$("#1 .2").innerHtml = "我想说的"

但这并没有删除画布，我只是想知道为什么以及是否有更好的方法来做到这一点。

提前致谢。

Answer 1

纯 JavaScript：

document.getElementById("1")
        .getElementsByTagName("div")[0]
        .innerHTML = "What I want to say";

查询：

$("#1 .2").html("What I want to say");

Answer 2

您正在使用 jQuery，不是吗？

$("#1 .2").html("What I want to say");