offsettopoffsetleft和offsettop什么意思

offsettop 时间:2021-05-26 阅读:()

javascript 中 offsetWidth 是什么意思？

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 scrollHeight:?获取2113对象的滚动高度。

5261? ? scrollLeft:设置或获取位于对4102象左边界和窗口中目前可见内容1653的最内左端之间的距离容 ? scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 ? scrollWidth:获取对象的滚动宽度 ? offsetHeight:获取对象相对于版面或由父坐标?offsetParent?属性指定的父坐标的高度 ? offsetLeft:获取对象相对于版面或由?offsetParent?属性指定的父坐标的计算左侧位置 ? offsetTop:获取对象相对于版面或由?offsetTop?属性指定的父坐标的计算顶端位置? ? event.clientX?相对文档的水平座标 ? event.clientY?相对文档的垂直座标 ? ? ? event.offsetX?相对容器的水平坐标 ? event.offsetY?相对容器的垂直坐标? ? document.documentElement.scrollTop?垂直方向滚动的值 ? event.clientX+document.documentElement.scrollTop?相对文档的水平座标+垂直方向滚动的量

div.style.top和div.offsetTop分别是什么意思？有什么区别？求大神解答

div.offsetTop是div的上边框与带有定位属性（相对定位、绝对定位、固定定位）的父元素（如果父元素不是定位元素，则继续上溯所有祖先元素直到body）的上边框之间的绝对距离，它是个数值，单位是像素，比如100就是100像素。

但它是个只读属性，只能读取，不能通过赋值来改变div的绝对上边距。

则是div的style对象属性值，也就是div在css中值，只有带有定位属性的元素这个值才有效。

它是个字符串，由数字和单位组成，比如"100px"是100像素，"20in"是20英寸，"30%"是父元素高度的百分之三十，等等。

这个值可读可写，如果事先未在css中设属性，则读取后是个空字符串。

如果赋值则会立刻改变元素在页面中的定位状态，比如div是个绝对定位元素，="200px" 可以让div跑到距离页面上边框200像素的地方。

js的offsetTop到底是距离父元素的距离还是距离body的距离，或者是屏幕顶端的距离啊？好混乱

<!DOCTYPE?html><br><html><br><head><br> <meta?c;?padding:20px;?margin:0;}<br> #outer{?background:#0a0;?padding:50px;?height:500px;}<br> #inner{?background:#a00;?height:100px;}<br> </style><br></head><br><script?type="text/javascript"><br>window.onload?=?function(){<br> var?inner?=?document.getElementById("inner");<br> alert(inner.offsetTop);?//?80<br>};<br></script><br><body><br> <div?id="outer"><br> <div?id="inner">abc</div><br> </div><br></body><br></html>是到浏览器顶部的距离