js beginner-由网页定义的文本节点中的文本内容是什么,实际上是2个div之间的空格

时间:2012-07-29 15:17:56

标签: javascript html dom

考虑下面给出的网页的HTML片段 -

<div id="divText">Text 1
    <div id="divText1_1">Text 1_1</div>
    <div id="divText1_2">Text 1_2</div>
    <div id="divText1_3">Text 1_3</div>
    <div id="divText1_4">Text 1_4</div>
</div>

现在,如果用户选择了外部div中的前2个div(即“Text 1_1”和“Text 1_2”),则存在与2个div相对应的节点-i.e。 divText1_1和divText1_2,用户选择的2个文本片段也有2个文本节点。

但是,除了这些节点(2个文本和2个div)之外,还有一个文本节点,它发生在第二个div节点之前。据我所知,因为在第一个内部div的结尾之后和第二个外部div之前有空格,所以这个空间也被浏览器视为文本节点。

我想知道的是,如何过滤掉这些节点?换句话说,这些文本节点的所有可能值是什么? null /“”/“”/其他值?我想知道所有可能的值,以便我可以正确地过滤掉这样的节点

1 个答案:

答案 0 :(得分:1)

文本节点的值始终为字符串。如果要过滤掉仅包含空格字符的文本节点,则可以trim the value并将其与空字符串进行比较。