HTML 表格 DOM 创建了错误数量的子元素

Question

我的代码中有一个表格，我通过从 <td> 中获取一些值将其用作查找表。基于 <tr> 的 id .

<table>
<tr id="nas">
<td>1.34</td>
<td>0.67</td>
<td>1</td>
<td>1.25</td>
</tr>
</table>

当我如上所示输入表格时，当我这样做时:document.getElementById("nas").childNodes.length结果是 9，而显然我只有元素 <tr id="nas"> 的 4 个子元素.一些子元素是真实的<td> s 有值，有些只是空元素。我真的对这个感到困惑。

但是，如果我在一行中全部输入表格，我会得到正确的 child 数量。

<table>
<tr id="nas"><td>1.34</td><td>0.67</td><td>1</td><td>1.25</td></tr>
</table>

为什么会这样？

Answer 1

childNodes
0 <TextNode textContent="\n">   
1 td
2 <TextNode textContent="\n">
3 td
4 <TextNode textContent="\n">
5 td        
6 <TextNode textContent="\n">
7 td
8 <TextNode textContent="\n">

我不完全知道是谁制作了文本节点，是浏览器还是 javascript 解析器，但这就是 javascript 所看到的。