.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 變量中的換行符