如何从XML元素节点优雅获取含原始格式的标记内容？

嘿，我完全懂你的需求——要拿到XML元素里带原始格式（包括那些看似“不必要”的空格、缩进、换行）的标记内容，用outerHTML.split(innerHTML)这种方法确实既笨拙又容易出问题。这里有几个更优雅且靠谱的方案：

• 使用浏览器原生的XMLSerializer
  这是最标准、最推荐的方式，专门用来把XML/HTML节点序列化为完整的字符串，能完美保留所有原始格式细节。代码示例：

// 初始化序列化器
const xmlSerializer = new XMLSerializer();
// 传入你要获取的XML元素节点，得到完整的原始标记字符串
const rawXmlContent = xmlSerializer.serializeToString(targetXmlElement);

这个方法会完整输出节点的所有内容：包括标签本身、属性、内部的文本节点（就是那些空格换行的来源），完全符合你想要的“原始标记”需求，比hack式的split方法稳定多了。

• 获取元素内部的原始内容（不含自身标签）
  如果你的需求是拿到元素内部的原始XML（不包含元素自身的开始和结束标签），可以遍历元素的childNodes（包括文本节点），逐个序列化后拼接：

const xmlSerializer = new XMLSerializer();
let innerRawContent = '';
// 遍历所有子节点，包括文本节点（保留空格换行）
targetXmlElement.childNodes.forEach(node => {
  innerRawContent += xmlSerializer.serializeToString(node);
});

这样得到的内容就是元素内部未经处理的原始格式，不会像innerHTML那样可能自动调整格式。

• 小提醒
  要确保你操作的是真正的XML节点（比如AJAX请求解析后得到的XML文档节点），不过XMLSerializer对HTML节点也能兼容处理。另外，旧版IE可能需要用outerHTML替代，但现在主流浏览器都已经原生支持XMLSerializer了，完全可以放心用。

内容的提问来源于stack exchange，提问作者Florian Käferböck