`firstChild`和`firstElementChild`有什么区别？ [英] What is the difference between `firstChild` and `firstElementChild`?

问题描述

我正在学习DOM，我不明白：firstChild和firstElementChild有什么区别？

推荐答案

此属性与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>

这篇关于`firstChild`和`firstElementChild`有什么区别？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！