DOMParser取XML节点innerHTML赋值DOM丢失换行但console.log保留格式

1. 浏览器默认的HTML空白折叠规则 #

默认情况下，除了<pre>、<textarea>等特殊元素外，所有普通HTML元素渲染时都会执行空白符折叠逻辑：连续的空格、制表符、换行符都会被合并为单个空格显示。你打印在控制台的内容是纯文本输出，不会触发HTML的渲染规则，所以能完整保留原始换行。

2. 换行符的识别差异 #

你从XML节点中提取的内容里的换行是纯文本\n字符，这类字符在普通HTML元素中不会被识别为换行标记，只有HTML自带的<br>标签才会被默认解析为换行。

• 替换承载内容的元素为<pre>标签，该标签默认保留所有空白与换行格式
• 给目标元素添加CSS规则：white-space: pre-wrap，该属性会让元素保留原始换行与空白，同时支持超出宽度自动折行
• 赋值前替换内容里的换行符为HTML换行标签：XML1 = XML1.replace(/\n/g, '<br>')

内容的提问来源于stack exchange，提问作者Adrian