javascript - 如何获取 XML 文档(AJAX)的 innerHTML？

Question

AJAX 查询后，返回一个 XML 文件。我能够“解析”该文件，但是当涉及到获取元素的“innerHTML”(或在本例中为“innerXML”)时，问题就出现了。

如果 XML 元素，比方说“内容”，只包含我能做的文本:content.childNodes[0].nodeValue (假设 content 引用 XML 元素“content”)。但是该元素包含其他元素:

<stackoverflow reason="tribute to this page">
   <content>
      <div><span><p>Some more HTML elements</p></span></div>
   </content>
</stackoverflow>

我需要复制<content>的内容到现有的 <div>在页面中，我该怎么做？

例。 myDiv.innerHTML = content.innerHTML;

Answer 1

尝试将 HTML 放在 CDATA 标记中，如下所示:

<stackoverflow reason="tribute to this page">
   <content>
      <![CDATA[<div><span><p>Some more HTML elements</p></span></div>]]>
   </content>
</stackoverflow>

然后只需通过 innerHTML 将数据插入您的元素。

document.getElementById('target').innerHTML = content.childNodes[0].nodeValue;