.innerHTML -> console.log 显示格式，但 DOM 元素不显示

Question

        let parser = new DOMParser();
        let OFPXML = parser.parseFromString(json, "application/xml");
        Formats = OFPXML.querySelector('Formats');
        XML1 = Formats.children[1].innerHTML;
        console.log(XML1); // This retains linebreaks
        document.getElementById('text_from_XML_node_here').innerHTML = XML1;  // This does not retain them.

Console.log 显示带有换行符的文本，但 DOM 元素将它们全部删除。

这是一个低优先级的问题，因为我只是在学习和试验事物。

Answer 1

换行符未显示在呈现的 HTML 元素中。 当渲染 DOM 元素时，像\n这样的原始换行符会被忽略。 如果您希望明确显示换行符，您有以下选项：

• 将元素更改为<pre>
• 用<br />替换 XML1 变量中的换行符