parentNode parentElement childNodes children

首先要了解 parentNode childNodes是W3C标准的。

一下所说都是针对在html中外加chrome浏览器(请原谅我的渣...)

对于html文档而言,可以理解为能分Node树,Element树,在节点树中是由node组成的,而在Element树中则都是HTMLElement

node的包括了Text(文本节点),Comment(注释),HTMLDocument,HTMLElment节点,parentNode childNodes都是在节点树中进行的,也就是他们会包括文本节点和注释节点,通常意义上的element中的text中第一个为回车的时候,childNodes会返回的NodeList中有一个nodeValue(text和comment节点才有的属性,返回其值)为回车符号的对象,其余为该标签中的文本、注释、子htmlelement,而children只是返回子htmlelement(通常意义上的子标签)。

对于一般元素来说 parentNode和parentElement没什么区别,但是对于html标签来说其父节点为HTMLDocument节点,parentElement则返回null,此时应使用parentNode.

parentElement,chidlren虽然是非标准的,但是主流浏览器都是支持的。

node包括:1.Document 2.CharacterData 3.Attr    Document包括HTMLDocument CharacterData包括 Text Comment HTMLDocument包括HTMLElement 而THMLElement则细化为HTMLTabelElment等之类。 

在html文档中,document对象指向HTMLDocument.Node是从Document开始的 Element树定点为html标签

博主的水平有限,希望发现错误的大哥们能帮忙指出来。

此随便是按博主自己的理解来的..

原文地址:https://www.cnblogs.com/wofeiwofei/p/4970852.html