原生js获取left值和top值的三种方法

213 阅读 0 评论 141 点赞

我是靠谱客的博主明理裙子，最近开发中收集的这篇文章主要介绍原生js获取left值和top值的三种方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

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

第一种方法，比较简单，就是直接通过obj.style.left和obj.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属性值。

以上这篇原生js获取left值和top值的三种方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

以上就是明理裙子为你收集整理的原生js获取left值和top值的三种方法的全部内容，希望文章能够帮你解决原生js获取left值和top值的三种方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。