Javascript：childNodes.length 显示太多元素？

Question

我在 JavaScript 中解析一些 XML 时得到了一些奇怪的结果。我在外部文件中有以下 XML：

<?xml version="1.0" encoding="UTF-8" ?>

<alerts>
 <alert><![CDATA[ This is the first alert message in a series... ]]></alert>
 <alert><![CDATA[ This is the second alert message in a series, which features a <a href="http://www.facebook.com" target="blank">hyperlink</a>... ]]></alert>
 <alert><![CDATA[ This is the third alert message in a series, which features <span class="emphasizedAlertText">text formatted via a css rule</span> ]]></alert>
 <alert><![CDATA[ This is the fourth alert message in a series, which features a <span class="fauxHyperlink" onclick="someFunction();">javascript call</span>... ]]></alert>
</alerts>

通过 XMLHttpRequest 抓取文件后，我有以下函数将其输出到页面：

function testFunc()
{
   var xhrRsp = 'failed to initialize';
   rslt = document.getElementById('rslt');
   if(xhr.readyState == 4)
      {
         if(xhr.status == 200)
         {
            xhrRsp = xhr.responseXML;
            xhrTree = xhrRsp.documentElement.childNodes;
            rslt.innerHTML = xhrRsp + ' (' + xhrTree.length + ' nodes) ';
            for(var i = 0; i < xhrTree.length; i++)
            {
               if(xhrTree[i].nodeName != '#text')
               {
                  rslt.innerHTML = rslt.innerHTML + '<br/>' + xhrTree[i].nodeName + ' (' + xhrTree[i].nodeType + ') ' + ' = ' + xhrTree[i].childNodes[0].nodeValue;
               }
            }
            //rslt.innerHTML = outMsg;
         }
   }
   else
   {
      xhrRsp = 'Loading...';
   }
}

当我在浏览器中运行脚本时，我得到的结果是：

Click Me
[object Document] (9 nodes) 
alert (1) = This is the first alert message in a series...
alert (1) = This is the second alert message in a series, which features a hyperlink...
alert (1) = This is the third alert message in a series, which features text formatted via a css rule
alert (1) = This is the fourth alert message in a series, which features a javascript call...

我很困惑为什么节点数返回为 9，以及为什么其他节点都以 #text 形式出现，我目前正在上面的脚本中过滤掉这些内容。我环顾四周，无法弄清楚我错过了什么。

提前致谢！

Answer 1

这是符合 W3C 的浏览器的正确行为。元素之间的空白作为 TextNode 包含在 DOM 中。

您可能会发现在 IE8 及以下版本中，不会生成文本节点。这是因为这些浏览器不遵守这方面的规范。

Answer 2

我敢打赌，您在一个蹩脚的浏览器上运行它，它不会按照应有的方式处理空格。

不管怎样，你正在用 if 过滤一些节点，所以这并不奇怪。一些快速记录可以非常快地解决您的问题。 。 。