原⽣js获取left值和top值的三种⽅法
在⽤js做动态效果时,通常需要获取元素绝对定位中的left和top属性值。⽐如做⼀个碰撞⼴告,就要不停的获取元素的top和left属性值。
需要注意的事:取值的元素必须要设置position:absolute绝对定位属性,才能取的到left值。
第⼀种⽅法,⽐较简单,就是直接通过obj.style.left和p,但是有局限性,这种获取的⽅法只能获取到⾏内样式的left 和top的属性值,不能获取到style标签和link 外部引⽤的left和top属性值。
第⼆种⽅法只读,可以获取所有style样式,存在兼容性问题,在标准浏览器中可以通过ComputedStyle(对
原生js和js的区别象,null).left⽅法来获取元素的left和top的属性值。⽽在IE浏览器上则是采⽤obj.currentStyle.left⽅法来获取属性值。
第三种⽅法,使⽤obj.offsetLeft来获取对象的left属性值,⽤obj.offsetTop来获取对象的top属性值。
以上这篇原⽣js获取left值和top值的三种⽅法就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论