`firstChild` 和 `firstElementChild` 有什么区别？

Question

我正在学习 DOM，我无法理解：firstChild和之间有什么区别firstElementChild？

Answer 1

该属性与firstChild的区别在于，firstChild返回第一个子节点作为元素节点、文本节点或注释节点（取决于哪个节点的第一个），而firstElementChild返回第一个子节点作为元素节点（忽略文本节点）和评论节点）。

更多信息：HTML DOM firstElementChild

在下面的示例中，您可以看到firstChild返回注释节点并firstElementChild返回元素子节点即<li> A </li>

const ul = document.querySelector( 'ul' );

console.log( ul.firstElementChild );
console.log( ul.firstChild );

<ul><!--This is a comment node-->
        <li> A </li>
        <li> B </li>
        <li> C </li>
    </ul>