JavaScript - Node.children和Node.childNodes的区别

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript - Node.children和Node.childNodes的区别相关的知识，希望对你有一定的参考价值。

写到这个也是因为群里的学长面试的时候遇到了这个问题，然后顺手分享了一下

首先是MDN里面对两个API的解释

children

Node.children is a read-only property that returns a live htmlCollection of the child elements of Node.

childNodes

The Node.childNodes read-only property returns a live collection of child nodes of the given element where the first child node is assigned index 0.

所以children会返回你查找的节点里所有element子节点，而childNodes会返回所有element、文本、注释之类的节点，大概这样↓

技术分享

 

以上是关于JavaScript - Node.children和Node.childNodes的区别的主要内容，如果未能解决你的问题，请参考以下文章

javascript JavaScript isset（）等效： - JavaScript

JavaScript 使用JavaScript更改CSS（JavaScript）

JavaScript之基础-1 JavaScript(概述基础语法)

前端基础-JavaScript的基本概述和语法

JavaScript

JavaScript