通过 JS 将文本从 XML 解析为 HTML 时维护换行符

Question

正如标题所说的那样，我试图在 html 中显示一些文本，因为它出现在 XML 中，但是换行符消失了。这是我的代码：

var descripcion = document.getElementById("description");
 descripcion.innerHTML = fichas[i].getElementsByTagName("descripcion")[0].childNodes[0].nodeValue;

XML：

...
<descripcion>Descubre los secretos de la elaboración del txakoli, visitando nuestros viñedos y nuestra bodega familiar “Magalarte Lezama” fundada en el siglo XIX; posiblemente una de las pocas bodegas que se mantiene desde entonces.

Tras cuatro generaciones heredando, guardando y mejorando pequeños secretos, apostamos hoy en día por la innovación y el desarrollo, logrando un producto de calidad actual, manteniendo el espíritu del pasado.

</descripcion>

正如我所说，当我在 html 中显示该文本时，换行符消失了，我尝试在 xml 中添加
但不起作用，它的行为就像另一个 xml 标记。任何解决方案？谢谢！

Answer 1

您可能希望在 ID 为 description 的元素上使用 CSS white-space 属性：

<div id="description" style="white-space: pre-wrap">
</div>

这应该保留空格和新行，但仍会换行。