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

Question

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

任何建议表示赞赏！

这是.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 = "";