前言：以前看别人写的，然后学点东西。现在我也记录自己的学习，给大家一个学习的机会。欢迎大家多多评论推荐，共同进步。没想到还是有六个人关注我，哈哈，开心。我会继续写。

null和undefined都表示没有，但是null表示属性存在，值不存在，undefined表示甚至这个属性都不存在

//例如，document.parentNode//浏览器自然附带的一个属性：parentnode的属性为null(因为页面中的文档已经是顶级元素，它没有父亲)document.parentnode//undefined(因为没有parentnode属性)1。父节点：父节点是HTML结构层次中的上层元素。

var outer=document . getelementbyid(' outer ')；var inner=document . getelementbyid(' inner ')；var center=document . getelementbyid(' center ')；Center.parentNode //inner2，offsetParent:父引用对象在同一个平面，最外面的元素是里面所有元素的父引用对象(不一定与HTML层次结构相关)

一般来说，页面中所有元素的父引用都是body

document . body . offsetparent//null

如果要改变父参照对象，需要通过位置定位来改变(绝对相对固定可以改变)

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title document/title style * { margin :0；划水：0；} #外部{ width:180px高度：180 px；margin:50px汽车；border:10px固体# 000；背景：橙色；padding:50px} #内部{ width:80px高度：80 px；padding:50pxborder:10px固体# 000；背景：绿色；} # center { width:50px高度：50 px；border:10px固体# 000；背景：红色；}/style/head body div id=' outer ' div id=' inner ' div id=' center '/div/div/div script var outer=document . getelementbyid(' outer ')；var inner=document . getelementbyid(' inner ')；var center=document . getelementbyid(' center ')；outer . style . position=' relative '；//所以内心的参照物是外，center.offsetParent//outer, inner.offsetParent//outer, outer.offsetParent//body,外。style.position=' relative//inner . style . position=' relative '；Outer.offsetParent//body/script/body/html3,偏移/偏移：inner.offsetParent//outer, center.offsetParent//inner,当前元素(外边框)与其父引用对象(内边框)之间的偏移距离

具体如下图所示：

下面是一个offset方法：相当于jQuery中的offset方法，它可以从页面中的任意元素获取偏移量(包括左偏移量和上偏移量)，与当前元素的父引用无关。得到的一个结果是一个对象{left:从BODY向左偏移，top:从BODY向上偏移}

在标准的IE8浏览器中，我们使用的是offsetLeft/offsetTop，其实父引用的边框已经考虑到了。所以我们不需要单独框住自己

代码如下：

函数offset(curEle){ var Totaft=null，totalTop=null，par=curEle.offsetParent//首先添加自己的左偏移量和上偏移量totalLeft=curEle.offsetLeftTotalTop=curEle.offsetTop //只要没有找到主体，我们就会在(par) {if (navigator)的同时累加父引用对象的帧和偏移量。的user agent . index(' msie 8.0 ')==-1){//累加父引用对象的框架TotaL ft=par . client left；TotalTop=par.clientTop} //累加父引用对象本身的偏移量，totalLeft=par.offsetLefttotalTop=par . offset top par=par . offset parent；}返回{ left:totalheft，top3360totaltop}} console.log(偏移量(中间)。左)上面js获取元素偏移量的简单方法(必须要看)是边肖与大家分享的全部内容。希望能给大家一个参考，多支持我们。