首先了解parentNode,parentElement,childNodes,children四大属性之前,必须对Dom树有一定的了解,在Dom文档结构中,HTML页面每一部分都是由节点组成的,节点的类型一共有3种,元素节点,文本节点,属性节点,从图中可以看出属性节点属于元素节点的分支,一般不常考虑, 下来详细介绍,childNodes,childern, childNodes指的是返回当前元素子节点的所有类型节点,其中连空格和换行符都会默认文本节点,代码如下: 打印结果: 其中空格和文本均打…
首先要了解 parentNode childNodes是W3C标准的. 一下所说都是针对在html中外加chrome浏览器(请原谅我的渣...) 对于html文档而言,可以理解为能分Node树,Element树,在节点树中是由node组成的,而在Element树中则都是HTMLElement node的包括了Text(文本节点),Comment(注释),HTMLDocument,HTMLElment节点,parentNode childNodes都是在节点树中进行的,也就是他们会包括文本节点和注…
本篇文章是对javascript中parentNode,childNodes,children的应用进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助   "parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 例: <div id="parent"><b id="child">My text</b></div> 在上面的代码中,…
快捷键:leishuzuduixiang(类数组对象)  bianlijiedian(遍历节点)  jiedian(节点)  htmlcollection , namednodemap , nodelist. nodeList类数组对象的特点1,nodeList是一种类数组对象,用于保存一组有序的节点.2,通过方括号来访问nodeList的值,有item方法与length属性.3,它并不是Array的实例,没有数组对象的方法<!DOCTYPE html><html lang="…
parentNode.removeChildByTag(0); let childNode = new cc.Node(); parentNode.addChild(childNode); childNode.setTag(0);//用以删除 childNode.addChild(child1); childNode.addChild(child2); childNode.addChild(child3);…
先来看一段代码: var dom = document.querySelector('body'); for(var i in dom){ console.log(i,dom[i]) } 可以看到很多,来整理一下,总共有三大类(我自己分的,没有科学依据) 除了一些私有属性.方法(比如a的私有属性href等)和一些空的属性 attributes events methods attributes 根据value类型又分为了几个小分类: 1.普通属性 text link vLink aLink ti…
parentNode.parentElement,childNodes.children 它们有什么区别呢?parentElement 获取对象层次中的父对象. parentNode 获取文档层次中的父对象. childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合. children 获取作为对象直接后代的 DHTML 对象的集合. -------------------------------------------------------- pare…
offsetParent直接的将是影响元素位置的上级element,而parentElement与位置显示无关时dom中的上级element. 例如: <BODY> <div style="border:1px solid black;position:absolute;"> <form> <input type="checkbox" id="cc"> </form> </div&…
1.children与childNodes children: 获取子元素节点,无兼容问题 childnNodes: IE:获取子元素节点 非IE(chrome,Firefox等):获取子节点,包括元素节点和文本节点 2.firstChild与firstElementChild firstChild: IE6,7,8:获取第一个子元素节点 非IE6,7,8:获取第一个子节点,元素节点/文本节点 firstElementChild: IE6,7,8:不支持 非IE6,7,8: 获取第一个子元素节点…
1:childNodes /children相同点:它返回指定元素的子元素集合. 2:区别:children :  它是非标准的,仅返回HTML节点.甚至不返回文本节点.所有浏览器表现一 致. childNodes :它是标准的,返回包括HTML节点,所有属性,文本.可以通过nodeType来判断是哪种类型的节点, 当nodeType==1是元素节       点,2是属性节点,3是文本节点. js操作document时,试图使用childNodes取得Div节点的Div子节点,IE浏览器中没有…