javascript - innerHTML 与 XML 元素一起使用吗？

Question

根据 JavaScript:权威指南:“尽管它的名称如此，innerHTML 可以与 XML 元素以及 HTML 元素一起使用”。

但是，当我实际尝试访问 XML 元素对象的 innerHTML 属性时，返回了 undefined:

var xml = $.ajax({url: "test.xml", async: false}).responseXML.documentElement;
console.log(xml.innerHTML); // displays "undefined" in console log

这种行为的解释是什么？

测试.xml:

<?xml version="1.0" encoding="utf-8"?>
<foo><bar>baz</bar></foo>

Answer 1

较早的答案并未解决截至 2014 年 9 月存在的较新浏览器。当使用以下内容创建 XML 文档时:

var parser = new DOMParser(); 
var doc = parser.parseFromString(data, "text/xml");

其中 data 是作为字符串的 XML 文档，则以下内容为真:

• 在 Firefox 28 和 Chrome 36 中，doc 中的节点有一个 innerHTML 字段，其中包含节点内容的 XML 序列化。

• 在 IE 9、10 和 11，Safari 7.0 和 Opera 12 中，doc 中的节点既没有 innerHTML 字段也没有 xml 字段。我无法确定可以代表这些领域的东西。除了使用 XMLSerializer 似乎没有其他选择。适用于这些浏览器。