获取javascript生成的换行符以显示在div更新中

Question

当我点击某些内容时，我设法让我的javascript更新div中的文本。这太酷了。但是，它不会将任何换行传输到div。我认为这是因为我的javascript代码试图提供与div的内容类型不匹配的输入，或者div可能是错误的使用。这是我有史以来的第一次努力，所以不确定下一步该尝试什么。

任何建议表示赞赏！

这是.js代码：

var container=document.getElementById("feedbacktext");
while (container.childNodes.length>=1) {
    container.removeChild(container.firstChild);
}               container.appendChild(container.ownerDocument.createTextNode(txtline));

这是它所针对的div。换行时换行符不会显示为div文本中的文本，也不会产生任何影响：

<div id="feedbacktext" style="height:200px;width:960px;overflow:auto;text-align:left;" type="text/html">

再次感谢！

Answer 1

我认为您面临的问题是HTML不会以新行显示“输入”。您没有显示示例输入，因此我无法确认，但如果确实如此，则解决方案是添加<br>标记而不是输入。

此外，您可以使用innerHTML以更快的方式清空容器。

container.innerHTML = "";