复制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中显示确切的值。

The full code in a fiddle

Answer 1

将innerHtml更改为InnerText属性

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

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

查看更新后的Fiddle