选择 firstChild 和空格问题

Question

我有一个这样的标记：

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

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

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

它返回：

 <TextNode textContent="\n     ">

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

Answer 1

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