【javascript】原生js获取left值和top值

在用js做动态效果时,通常需要获取元素绝对定位中的 left 和 top 属性值。比如做一个碰撞广告,就要不停的获取元素的 top 和 left 属性值。

需要注意的事:取值的元素必须要设置position:absolute绝对定位属性,才能取的到left值。

第一种方法:比较简单,就是直接通过 obj.style.leftobj.style.top,但是有局限性,这种获取的方法只能获取到行内样式的left和top的属性值,不能获                       取到style标签和link 外部引用的left和top属性值。

第二种方法: 只读,可以获取所有style样式,存在兼容性问题,在标准浏览器中可以通过window.getComputedStyle(对象,null).left方法来获取元素的                        left和top的属性值。而在IE浏览器上则是采用obj.currentStyle.left方法来获取属性值。

第三种方法:使用obj.offsetLeft来获取对象的left属性值,用obj.offsetTop来获取对象的top属性值。

                      obj.offsetLeft是相对于 offsetParent定位的

猜你喜欢

转载自www.cnblogs.com/hjysunshine/p/12285214.html
今日推荐