javascript中style.left和offsetLeft的用法说明
更新时间：2014年03月07日 10:01:32 作者：
本篇文章主要是对javascript中style.left和offsetLeft的用法进行了说明介绍，需要的朋友可以过来参考下，希望对大家有所帮助
如果父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 )
相关文章
下面小编就为大家带来一篇JS 拼凑字符串的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要介绍了微信小程序tabBar 返回tabBar不刷新页面,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
这篇文章主要讲述如何在JavaScript脚本语言中调用Java类和接口，对大家的学习和工作有一定的参考借鉴价值，有需要的朋友们下面来一起看看吧。2016-09-09
最近华为鸿蒙OS 2.0正式开源！关于鸿蒙的教程其实网上也已经有一些尝鲜的小伙伴分享了相关文章，这篇文章主要为大家详细介绍了鸿蒙系统中的 JS 开发框架，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要为大家分享了JavaScript与Java中MD5使用两个例子，2015-12-12
JavaScript中的location、history、navigator对象实例介绍
这篇文章主要介绍了JavaScript中的location、history、navigator对象实例介绍,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了iframe如何调用父页面函数，下面有个不错的示例，大家可以参考下2014-07-07
javascritp实际上由三部分组成： ECMAScript，DOM, BOM 前两者由工业标准，BOM尚比较混乱。2009-12-12
本文主要通过几个实例对js中作用域进行详细解析，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要给大家介绍了关于js异步接口并发数量控制的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
最新评论