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

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

div.offsetTop是div的上边框与带有定位属性（相对定位、绝对定位、固定定位）的父元素（如果父元素不是定位元素，则继续上溯所有祖先元素直到body）的上边框之间的绝对距离，它是个数值，单位是像素，比如100就是100像素。但它是个只读属性，只能读取，不能通过赋值来改变div的绝对上边距。div.style.top则是div的style对象的top属性值，也就是div在css中的top值，只有带有定位属性的元素这个值才有效。它是个字符串，由数字和单位组成，比如"100px"是100像素，"20in"是20英寸，"30%"是父元素高度的百分之三十，等等。这个值可读可写，如果事先未在css中设置top属性，则读取后是个空字符串。如果赋值则会立刻改变元素在页面中的定位状态，比如div是个绝对定位元素，div.style.top="200px" 可以让div跑到距离页面上边框200像素的地方。