您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

JavaScript中的child和childNodes有什么区别?

JavaScript中的child和childNodes有什么区别?

了解这.children是Element的属性。1只有Elements具有.children,并且这些子元素都是Element类型的。2

但是,这.childNodes是Node的属性.childNodes可以包含任何节点。3

一个具体的例子是:

let el = document.createElement("div");
el.textContent = "foo";

el.childNodes.length === 1; // Contains a Text node child.
el.children.length === 0;   // No Element children.

大多数情况下,您想使用它,.children因为通常您不想在DOM操作中遍历Text或Comment节点。

如果确实要操作“文本”节点,则可能需要.textContent替代。4

1.从技术上讲,它是ParentNode的属性,Element所包含的mixin。 2.它们都是元素,因为.children是HTMLCollection,只能包含元素。 3.同样,.childNodes可以容纳任何节点,因为它是NodeList。 4.或者.innerText。在此处或此处查看差异。

javascript 2022/1/1 18:14:31 有429人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶