`

Js-parentNode、parentElement,childNodes、children的区别

阅读更多

parentElement 获取对象层次中的父对象。

parentNode 获取文档层次中的父对象。

 

childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。

children 获取作为对象直接后代的 DHTML 对象的集合。


parentNodeparentElement 功能一样,childNodeschildren 功能一样。

但是parentNodechildNodes 是符合W3C标准 的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持。

分享到:
评论

相关推荐

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

    主要是对Js中parentNode,parentElement,childNodes,children的区别进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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

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

    Javascript ParentNode和ChildNode接口原理解析

    ParentNode 接口,ChildNode 接口 节点对象除了继承 Node 接口以外,还拥有其他接口。ParentNode接口表示当前节点是一个父节点,提供一些处理子节点的方法。...ParentNode.children children属性返回一

    浅谈js的html元素的父节点,子节点

    parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持 示例: “parentNode” 常用来...

    javascript对于DOM的操作

    document 树结点 parentElement 父元素 parentNode 父结点 childNodes 所有子结点 有s哦 firstChild 第一个子结点 lastChild 最后一个子结点 nextSibling 下一个兄弟结点 previousSibling 上一个兄弟结点

    高效的获取当前元素是父元素的第几个子元素

    从一个索引序号,很容易得到该索引对应的子节点或者子元素,直接用parentNode.childNodes[index] 或 parentNode.children[index] 就行。 但反过来,已知一个节点或元素对象,要知道它的索引序号则没有那么直接了。 ...

    原生的html元素选择器类似jquery选择器

    做前端,需要选择元素,虽说有jquery和各大js库已经帮我造好了轮子,但我想试试自己实现一个,正好项目也不忙,正好加入自己的js文件中,下面是实现代码。用$g(“#content .op”)这种格式就可以调用,和jquery $()的...

    delphi_XML

    for I := 1 to ParentNode.ChildNodes.Count - 1 do begin Node:=ParentNode.ChildNodes[i]; cxListBox1.Items.Add(Node.ChildValues['FieldName']); end; //目标字段 ParentNode:=Root.ChildNodes.FindNode...

    原创-javascript服务器交互型可编辑表格和我的js常用库

    自己常用的js库和写的一个交互型可编辑表格: BaseJs库的一点源码: /** * 自定义javascript常用基础库 author zhang_jhai 创建时间 2010/04/10 最后修改时间 2010/05/03 * version 2.0 */ // Base库基础类 BaseJs ...

    canvg.js及html2canvas.js下载

    html2canvas实现js实现截图功能; 如果html标签里有svg标签, 目前htm2canvas不支持svg标签。 这个情况下就需要先把svg处理成html2canvas能处理标签。 策略是 svg 转换成 canvas ,html2canvas 转换完成,再恢复svg...

    超级炫酷的效果js实现动画导航菜单

    var childs=obj.childNodes; var arr=[]; for (var i=0; i; i++) { //if(childs[i].nodeType==3 && /^\s+$/.test(childs[i].nodeValue)){ if(childs[i].nodeType==3){ continue; }else{ arr.push(childs[i])...

    table拖动(固定宽度,兼容Firefox 3.5IE6)

    在web中模拟窗口表格控件,可以用鼠标拖动改变... parseInt(o.parentNode.parentNode.parentNode.parentNode.cellPadding)*2- (parseInt(o.parentNode.parentNode.parentNode.parentNode.border)>=1?2:0); } }

    JavaScript笔记

    JavaScript:定义行为和动作 (基于对象和事件驱动的客户端脚本语言;也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    【JavaScript源代码】JavaScript offset实现鼠标坐标获取和窗口内模块拖动.docx

    JavaScript offset实现鼠标坐标获取和窗口内模块拖动  offset 即偏移量,使用 offset 系列相关属性... 注意,parentNode 和 offsetParent 还是有本质上的区别的:parentNode 返回的是直接父级元素,offsetParent 返回

    js+css效果 代码

    js+css效果 代码 其中一部分 <script language="javascript"> function tab_wwwzzjsnet(obj,id) { var arrayli = obj.parentNode.getElementsByTagName("li"); //获取li数组 var arrayul = document....

    JavaScript Table行定位效果

    上面用到了parentNode,这里顺便说说它跟offsetParent,parentElement的区别。 先看看parentNode在w3c的说明: The parent of this node. All nodes, except Document, DocumentFragment, and Attr may have a ...

Global site tag (gtag.js) - Google Analytics