原生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值的三种方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍JavaScript中获取HTML元素值的三种方法，包括了JavaScript中获取HTML元素值的三种方法的使用技巧和注意事项，需要的朋友参考一下 JavaScript中取得元素的方法有三种：分别是： 1、getElementById() 方法：通过id取得HTML元素。 2、getElementsByName()方法：通过name取得元素，是一个数组。 3、getElements
-
返回值的原生类型。 返回值小写的构造函数名称，如果值为 undefined 或 null ，则返回 "undefined" 或 "null"。 const getType = v => v === undefined ? 'undefined' : v === null ? 'null' : v.constructor.name.toLowerCase(); getType(new Set(
-
本文向大家介绍js获取url传值的方法，包括了js获取url传值的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js获取url传值的方法。分享给大家供大家参考，具体如下： js获取url参数值： index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&...... 静态html文件js读取url参数 根据获取html的参数值控制html页面输出 一、字符串
-
本文向大家介绍C#中获取、生成随机数的三种方法，包括了C#中获取、生成随机数的三种方法的使用技巧和注意事项，需要的朋友参考一下 随机数的定义为:产生的所有数字毫无关系. 在实际应用中很多地方会用到随机数,比如需要生成唯一的订单号. 在C#中获取随机数有三种方法: 一.Random 类 Random类默认的无参构造函数可以根据当前系统时钟为种子,进行一系列算法得出要求范围内的伪随机数. 这种随机数可
-
本文向大家介绍react 组件传值的三种方法，包括了react 组件传值的三种方法的使用技巧和注意事项，需要的朋友参考一下 整理 react 组件传值 三种方式 父组件向子组件传值（通过props传值） 子组件： 父组件: 父组件向子组件传值（回调函数） 子组件 父组件 兄弟组件传值（子传给父，父再传给另一个子） 子组件1 子组件2 父组件 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望
-
本文向大家介绍三种Java求最大值的方法，包括了三种Java求最大值的方法的使用技巧和注意事项，需要的朋友参考一下 普通方法： 三元运算符： 注解：三元运算符的语法是 条件 ? 结果1 : 结果2;优点代码简洁，缺点可读性差 例子：int a,b,c; a=2;b=3; c=a>b?100:200; 语意：如果a>b,c=100;a<b,c=200 一般函数/方法： 注解：方法三需要用到面向对象的