`

parentNode、parentElement，childNodes、children

 
阅读更多

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

----------------------------------------------------------------------

parentElement 获取对象层次中的父对象。  
parentNode 获取文档层次中的父对象。  
childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。  
children 获取作为对象直接后代的 DHTML 对象的集合。  


--------------------------------------------------------

parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准，Firefox就不支持 

分享到：
| request 获取路径
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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” 常用来...

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

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

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

    做前端，需要选择元素，虽说有jquery和各大js库已经帮我造好了轮子，但我想试试自己实现一个，正好项目也不忙，正好加入自己的js文件中，下面是实现代码...var childNodes = parentNode.childNodes; var results = [];

    javascript对于DOM的操作

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

    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...

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

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

    超级炫酷的效果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])...

    取得父标签

    取得父标签FF 下没有 event 用 arguments[0] FF 下没有 srcElement 用 target FF 下没有 parentElement 用 parentNode 代码如下:function obj_event_onsomething(e){ var e=window.event?window.event:e;...

    canvg.js及html2canvas.js下载

    var parentNode = node.parentNode; var canvas = document.createElement('canvas'); canvg(canvas, parentNode, {ignoreMouse: true, ignoreAnimation: true}); //将svg转换成canvas nodesToRecover.push({...

    易语言xml对象应用模块

    易语言xml对象应用模块源码,xml对象应用模块,添加子节点测试,保存测试,写_对象,读_对象,读_nodeName,读_nodeValue,写_nodeValue,读_nodeType,读_parentNode,读_childNodes,读_firstChild,读_lastChild,读_...

    easyui级联树

    var parentNode $ "#menuTrees" tree "getParent" node target ; if parentNode null { $ "#menuTrees" tree "check" parentNode target ; } } else { ...

    判断客服端媒体设备

    ul parentNode style width "45%"; }else if getPgjs "ipad" { alert "平板" ul parentNode style width "90%"; }else if getPgjs "iphone" { alert &...

    树形布局算法的实现 damo

    由于移动了parentNode,parentNode的父节点中心就发生了偏移，所以中心对齐parentNode的父节点下的叶子节点... https://blog.csdn.net/weixin_41316824/article/details/126487794?spm=1001.2014.3001.5501

    表单验证Validator v1.0(CHM) 下载

    var lastNode = parentNode.childNodes[parentNode.childNodes.length-1]; if(lastNode.id == "__ErrorMessagePanel") parentNode.removeChild(lastNode); } }, AddError : function(index, str){ this....

Magicbox
Global site tag (gtag.js) - Google Analytics