div中offsetLeft与style.left的区别
程序员文章站
2023-12-21 22:27:46
...
clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面(或客户区)的水平坐标。
客户区指的是当前窗口。
如果父p的position定义为relative,子p的position定义为absolute,那么子p的style.left的值是相对于父p的值,这同offsetLeft是相同的,区别在于:
1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offsetLeft比较方便。
2. style.left是读写的,offsetLeft是只读的,所以要改变p的位置,只能修改style.left。
3. style.left的值需要事先定义,否则取到的值为空。而且必须要定义在html里,我做过试验,如果定义在css里,style.left的值仍然 为空,这就是我刚开始碰到的问题,总是取不到style.left的值。offsetLeft则仍然能够取到,无需事先定义p的位置。
以上就是div中offsetLeft与style.left的区别 的详细内容,更多请关注其它相关文章!
推荐阅读
-
解决CSS中 display 与 visibility 的区别
-
WinForm中DefWndProc、WndProc与IMessageFilter的区别
-
对比Java讲解Kotlin中?.与!!.的区别
-
Mysql中的count()与sum()区别详细介绍
-
简单概括PHP的字符串中单引号与双引号的区别
-
C#中按引用传递与按值传递的区别,以及ref与out关键字的用法详解
-
Java中Date,Calendar,Timestamp的区别以及相互转换与使用
-
浅析Java中Map与HashMap,Hashtable,HashSet的区别
-
c#方法中调用参数的值传递方式和引用传递方式以及ref与out的区别深入解析
-
div+css中Class与ID的区别