首先要了解 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标签

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

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

parentNode parentElement childNodes children的更多相关文章

  1. js中parentNode,parentElement,childNodes,children

    首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分都是由节点组成的,节点 ...

  2. javascript中parentNode,childNodes,children的应用详解

    本篇文章是对javascript中parentNode,childNodes,children的应用进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助   "parentNode&qu ...

  3. NodeList类数组对象: HTMLCollection , NamedNodeMap，两套API（childNodes , children）

    快捷键:leishuzuduixiang(类数组对象)  bianlijiedian(遍历节点)  jiedian(节点)  htmlcollection , namednodemap , nodel ...

  4. 只想remove parentNode的一部分children

    parentNode.removeChildByTag(0); let childNode = new cc.Node(); parentNode.addChild(childNode); child ...

  5. 一个html标签到底包含了多少信息(1)

    先来看一段代码: var dom = document.querySelector('body'); for(var i in dom){ console.log(i,dom[i]) } 可以看到很多 ...

  6. parentNode、parentElement，childNodes、children 它们有什么区别呢？

    parentNode.parentElement,childNodes.children 它们有什么区别呢?parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的 ...

  7. parentNode，parentElement,offsetParent

    offsetParent直接的将是影响元素位置的上级element,而parentElement与位置显示无关时dom中的上级element. 例如: <BODY> <div sty ...

  8. javascript中children,childNodes等节点属性

    1.children与childNodes children: 获取子元素节点,无兼容问题 childnNodes: IE:获取子元素节点 非IE(chrome,Firefox等):获取子节点,包括元 ...

  9. children 和childNodes 的区别

    1:childNodes /children相同点:它返回指定元素的子元素集合. 2:区别:children :  它是非标准的,仅返回HTML节点.甚至不返回文本节点.所有浏览器表现一 致. chi ...

随机推荐

  1. hdu4720Naive and Silly Muggles

    链接 一直理解的最小覆盖圆就是外接圆..原来还要分钝角和锐角... 钝角的话就为最长边的中点,对于这题分别枚举一下外接圆以及中点的圆,判一下是不是在园外. #include <iostream& ...

  2. Android保存图像到相册

    在应用的图集中,通常会给用户提供保存图片的功能,让用户可以将自己喜欢的图片保存到系统相册中. 这个功能其实很好做,系统提供了现成的API: 简单的来说就这一行代码: [java]  MediaStor ...

  3. 【浏览器渲染原理】渲染树构建之渲染树和DOM树的关系（转载 学习中。。。）

    在DOM树构建的同时,浏览器会构建渲染树(render tree).渲染树的节点(渲染器),在Gecko中称为frame,而在webkit中称为renderer.渲染器是在文档解析和创建DOM节点后创 ...

  4. 面向对象的static关键字（类中的static关键字）

    转自:http://blog.csdn.net/xiayefanxing/article/details/7382192 http://www.cnblogs.com/SelaSelah/archiv ...

  5. Android监听Button和ImageButton控件的点击事件

    一.onClick事件 Button和ImageButton都有一个onClick事件,通过自身的.setOnClickListener(OnClickListener)方法添加点击事件 所有的控件都 ...

  6. Python 调用自定义包

    创建包 # mkdir -p /python/utils # touch /python/utils/__init__.py # vi /python/utils/Log.pyimport timed ...

  7. 使用Nginx和Logstash以及kafka来实现网站日志采集的详细步骤和过程

    使用Nginx和Logstash以及kafka来实现网站日志采集的详细步骤和过程 先列出来总体启动流程: (1)启动zookeeper集群(hadoop01.hadoop02和hadoop03这3台机 ...

  8. 一次DB2数据库连接失败（SQLSTATE=08001）的解决方法

    有一次,在使用DbVisualizer工具连接自己linux虚拟机上的DB2数据库时,报如下错误: Product: DbVisualizer Pro 9.1 Build: #2050 (2013/0 ...

  9. Canu Parameter Reference（canu参数介绍）

    链接:Canu Parameter Reference To get the most up-to-date options, run canu -options The default values ...

  10. linux笔记：关机重启命令shutdown，系统运行级别init，退出登录logout

    命令名称:shutdown功能:关机或重启用法:shutdown [选项] [时间]选项参数:-c 取消前一个关机命令-h 关机-r 重启时间格式:now 现在时:分 20:30其他:会正常关闭正在启 ...