在 HTML 文件中包含内联 XML答案

【问题标题】：Include XML inline in a HTML file在 HTML 文件中包含内联 XML
【发布时间】：2010-12-24 04:46:03
【问题描述】：

我正在尝试在 HTML 文件中包含一些（有效的）静态 XML 数据，然后使用 JavaScript 将其解析出来。下面的测试用例在 Firefox、Opera 和 Chrome 中运行良好（我得到了预期的节点和深度列表），但在 IE8 中失败了（所有节点都处于相同的深度，并且结束标记包含在节点列表中）。

问题：如何修复代码以在 IE 中按预期工作？

代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Odd Ie behavior - test case</title>
        <script type="text/javascript">

function p(text) {
    var out = document.getElementById("output");
    out.innerHTML += text + "<br>";
}

function walkDom(node, depth) {
    var i, il;
    if (node.nodeType === 1) {
        p("Node( " + depth + "): " + node.nodeName);
        if (node.childNodes && node.childNodes.length > 0) {
            for (i = 0; i < node.childNodes.length; i += 1) {
                il = node.childNodes[i];
                walkDom(il, depth + 1);
            }
        }
    }
}

function init() {
    var data = document.getElementById("data");
    walkDom(data, 0);
}
        </script>
    </head>
    <body onload="init()" id="body">
        <div id="data" style="display: none"><data><ele><foo>Foo</foo><bar></bar></ele></data></div>
        <div id="output"></div>
    </body>
</html>

“正确”输出

Node( 0): DIV
Node( 1): DATA
Node( 2): ELE
Node( 3): FOO
Node( 3): BAR

IE 输出

Node( 0): DIV
Node( 1): DATA
Node( 1): ELE
Node( 1): FOO
Node( 1): /FOO
Node( 1): BAR
Node( 1): /BAR
Node( 1): /ELE
Node( 1): /DATA

【问题讨论】：

尝试声明一个 XML 命名空间并将自定义元素放入其中，使用显式前缀（即不在 XML 数据的根元素上使用默认命名空间）。

标签： javascript internet-explorer dom

【解决方案1】：

看起来 IE 不会将 XML 节点视为 DOM 节点，而 Firefox、Chrome 和 Opera 会。

可以说，IE 的行为是正确的，因为这些节点不是 HTML DOM 的一部分。

回答您的问题 - 此行为取决于浏览器编写者如何实现 DOM 导航，您不能“强制”浏览器更改它。

IE 有自己的在 HTML 表单中嵌入 XML 的概念，称为 data islands，也许您可以将它用于 IE。

【讨论】：