javascript - 使用 javaScript 删除神秘的

Question

我有一个有两个 child 的 div，一个 <h2>和一个<ul> .

我的问题是，当我通过执行 document.getElementById('wrap').childNodes.length 检查我的 div 的 .length 时，我得到 5 而不是 2。如果我运行 console.log在 childNodes我明白了:

[<TextNode textContent="\n ">, h2, <TextNode textContent="\n ">, ul, <TextNode textContent="\n ">]

我的 HTML 看起来像这样:

<div id="wrap">
    <h2>Lorem</h2>
    <ul>
        <li>Lorem</li>
        <li>Ipsum</li>
    </ul>
</div>

缩进我的代码以前从未影响过子节点的长度。

如果我在一行中键入所有内容(作为一个长单词)，我将删除所有 <TextNode>它应该计为 2，而不是 5。

我不知道出了什么问题，但我想我需要删除所有空的文本节点。哪种方式最好？

谢谢你

附言。这些<TextNode textContent="\n ">出现在整个文档中，所以我需要将它们全部删除，而不仅仅是在这个特定的 div 中。

Answer 1

Firefox，对吗？ Firefox will treat whitespace as a textnode .除了围绕它们编写代码外，您无能为力。或者，您可以完全摆脱所有空白，但我敢打赌这不是一种选择。这是使编写网页如此，呃，有趣的部分原因:-)