- 时间：2021-07-25 13:39 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：原生js获取left值和top值的三种方法
在用js做动态效果时，通常需要获取元素绝对定位中的left和top属性值。比如做一个碰撞广告，就要不停的获取元素的top和left属性值。
[b]需要注意的事：取值的元素必须要设置position:absolute绝对定位属性，才能取的到left值。[/b]
[b]第一种方法，[/b]比较简单，就是直接通过obj.style.left和obj.style.top，但是有局限性，这种获取的方法只能获取到行内样式的left和top的属性值，不能获取到style标签和link 外部引用的left和top属性值。
[b]第二种方法 只读，[/b]可以获取所有style样式，存在兼容性问题，在标准浏览器中可以通过window.getComputedStyle(对象，null).left方法来获取元素的left和top的属性值。而在IE浏览器上则是采用obj.currentStyle.left方法来获取属性值。
[b]第三种方法，[/b]使用obj.offsetLeft来获取对象的left属性值,用obj.offsetTop来获取对象的top属性值。
以上这篇原生js获取left值和top值的三种方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
