javascript中style.left和offsetLeft的用法说明

2014-03-07 18

如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于:

1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offsetLeft比较方便。

2. style.left是读写的,offsetLeft是只读的,所以要改变div的位置,只能修改style.left。

3. style.left的值需要事先定义,否则取到的值为空。而且必须要定义在html里,我做过试验,如果定义在css里,style.left的值仍然 为空,这就是我刚开始碰到的问题,总是取不到style.left的值。

offsetLeft则仍然能够取到,无需事先定义div的位置。

// 这个函数是对 一个无穷分类的 下拉框的操作,页面开始只有一个下拉框,当选中下拉框一个值后,
动态生成一个select, select的项是子分类,同时要使子分类的select框后移 20px;

function itemtree_cats_change ( selectObj )
展开阅读全文

更多Javascript文章

Javascript hasOwnProperty 方法 & in 关键字
Nov 26 22
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 25
Javascript中的getUTCDay()方法使用详解
Jun 10 20
jQuery的deferred对象使用详解
Sep 25 24
使用Angular CLI进行Build(构建)和Serve详解
Mar 24 15
Spring boot 和Vue开发中CORS跨域问题解决
Sep 05 20
详解mpvue开发微信小程序基础知识
Sep 23 22
手机访问当前页面