选择firstChild和空格问题

我有一个这样的标记：

<table id='myTable'>
 <thead>
   <tr>
    <td>Hello</td>
   </tr>
 </thead>
</table>

但是当我尝试选择第一个孩子时#table，它返回空格（正如预期的那样）。

var ss = document.getElementById("myTable");
console.log(ss.firstChild);

它返回：

 <TextNode textContent="\n     ">

在获取子节点时应该如何过滤空格？

您可以使用 .firstElementChild 将始终返回第一个元素，而 .firstChild 可能会返回空格（如果有）以保留底层 HTML 源代码的格式。