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标签

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

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

时间: 2024-10-26 08:37:52

parentNode parentElement childNodes children的相关文章

Js中parentNode,parentElement,childNodes,children之间的区别

转载自  http://www.jb51.net/article/43730.htm parentElement 获取对象层次中的父对象.  parentNode 获取文档层次中的父对象.  childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合.  children 获取作为对象直接后代的 DHTML 对象的集合.

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

本篇文章是对javascript中parentNode,childNodes,children的应用进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 "parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 例: <div id="parent"><b id="child">My text</b></div> 在上面的代码中, 你看

查询元素的方法

(1)dom节点父子关系查找法 (2)document.getElementxByXxx() (3)node.querySelector('选择器')         //返回第一个 node.querySelectorAll('选择器')          //返回所有 (4)几个特殊标签的快速选择法 <html>:  document.documentElement <head> :  document.head <body>:   document.body 节点

parentNode、parentElement,childNodes、children 它们有什么区别呢?

parentNode.parentElement,childNodes.children 它们有什么区别呢?parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的父对象. childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合. children 获取作为对象直接后代的 DHTML 对象的集合. -------------------------------------------------------- pare

parentNode,parentElement,offsetParent

offsetParent直接的将是影响元素位置的上级element,而parentElement与位置显示无关时dom中的上级element. 例如: <BODY> <div style="border:1px solid black;position:absolute;"> <form> <input type="checkbox" id="cc"> </form> </div&

children 和childNodes 的区别

1:childNodes /children相同点:它返回指定元素的子元素集合. 2:区别:children :  它是非标准的,仅返回HTML节点.甚至不返回文本节点.所有浏览器表现一 致. childNodes :它是标准的,返回包括HTML节点,所有属性,文本.可以通过nodeType来判断是哪种类型的节点, 当nodeType==1是元素节       点,2是属性节点,3是文本节点. js操作document时,试图使用childNodes取得Div节点的Div子节点,IE浏览器中没有

ParentNode 接口,ChildNode 接口

节点都是单个对象,有时需要一种数据结构,能够容纳多个节点.DOM 提供两种节点集合,用于容纳多个节点:NodeList和HTMLCollection.这两种集合都属于接口规范.许多 DOM 属性和方法,返回的结果是NodeList实例或HTMLCollection实例.主要区别是,NodeList可以包含各种类型的节点,HTMLCollection只能包含 HTML 元素节点. NodeList 接口 NodeList实例是一个类似数组的对象,它的成员是节点对象.通过以下方法可以得到NodeLi

原生JS中DOM节点相关API合集

节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Text或Comment节点的文本值,只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容,可读写 Node.baseURI //返回当前网页的绝对路径 Node.ownerDocument //返回当前节点所在的顶层文档对象,即document Node.nextSibling //返回紧跟在当前节点后面

IE和火狐兼容常见问题

文章转自http://www.cnblogs.com/asqq/archive/2013/03/09/3194994.html 1,document.form.item/document.ID IE中 document.formName.item("itemName")FF中 document.formName.elements["elementName"]建议使用document.getElementById(itemName) 2, 下标运算 IE中 docum