javascript - 复制 div 的附加显示代码如何修复它

Question

我使用代码使用以下代码复制 div 的内容：

 <textarea cols="100" rows="10" id="output"></textarea>
 <input type="submit" onClick="javascript:copyText();" value="Copy">

 function copyText(){
 var output = document.getElementById("container").innerHTML;
 document.getElementById("output").value = output;
 }

问题是我的 div 在附加函数的列表中。当我单击复制时，结果将显示代码。我想要在 div 中显示的确切值。

小提琴中的完整代码

Answer 1

将 innerHtml 更改为 InnerText 属性

var output = document.getElementById("container").innerText;

InnerHtml 返回元素的 html 内容，而 innerText 返回文本（值）

查看更新的小提琴