`
范一帆
  • 浏览: 1258 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

parentNode与offsetParent的区别

 
阅读更多

当不加position属性时,offset的parentNode是body,加了position之后,offsetParent是它的上级,parentNode则一直是其上级.

 

 

 

分享到:
评论

相关推荐

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

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

    Javascript ParentNode和ChildNode接口原理解析

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

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

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

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

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

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

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

    JavaScript Table行定位效果

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

    canvg.js及html2canvas.js下载

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

    asp.net菜单(很简单)

    if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one obj2.parentNode.className="selected" obj.visibility="visible" } else if (e.type=="click") ...

    树形布局算法的实现 damo

    从最后一层开始,判断同一层相邻的叶子节点(n1,n2)是否重合,重合 移动 n1与n2共同的父节点下的n2的父节点 parentNode,向下一个yInterval间距. 由于移动了parentNode,parentNode的父节点中心就发生了偏移,所以...

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

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

    return (parentNode.compareDocumentPosition(childNode) ===20); } } function checkHover(e,target){ if (getEvent(e).type=="mouseover") { return !contains(target,getEvent(e).relatedTarget||getEvent(e...

    在html拖拉,js实现

    target.parentNode.insertBefore(draging, target.nextSibling); } else { target.parentNode.insertBefore(draging, target); } var newLi=[]; var liList=$("#zhanjiaul > li"); liList.map...

    json-lib 相关依赖jar包

    xom-1.2.3.jar ezmorph-1.0.6.jar json-lib-2.3-jdk15.jar morph-1.1.1.jar commons-collections-3.2.1.jar cllections这个包是最新版本,如果版本低的话会报错!

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

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

    练习2:访问当当购物车页面节点

    北大青鸟,accp8.0,练习2:访问当当购物车页面节点。..

    怎么获选批量删除的checkbox

    var trNode = checkBoxs[i].parentNode.parentNode; user_wids[count]=trNode.cells[0].all.datagrid_row_wid.value; var widElement = recdElement.appendChild(xmlDoc.createElement("WID")); ...

Global site tag (gtag.js) - Google Analytics