Javascript拖拽系列文章1之offsetParent属性第2/3页
更新时间：2008年09月22日 15:11:51 作者：
这个系列文章主要是讲述实现Javascript拖拽功能的基础知识，并将在最后给出一个完整的示例。适合对拖拽完全不懂的人阅读
测试结果：
Firefox3："BODY"
Internet Explorer 7："BODY"
Opera 9.51："BODY"
Chrome 0.2："BODY"
Safari 3："BODY"
结论：
当某个元素及其父元素都未进行CSS定位时，则这个元素的offsetParent属性的取值为根元素。更确切地说，这个元素的各种偏移量计算（offsetTop、offsetLeft等）的参照物为Body元素。（其实无论时标准兼容模式还是怪异模式，根元素都为Body元素）
测试代码2：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
测试结果：
Firefox3："DIV"
Internet Explorer 7："DIV"
Opera 9.51："DIV"
Chrome 0.2："DIV"
Safari 3："DIV"
结论：
当某个元素的父元素进行了CSS定位时（absolute或者relative），则这个元素的offsetParent属性的取值为其父元素。更确切地说，这个元素的各种偏移量计算（offsetTop、offsetLeft等）的参照物为其父元素。
测试代码3：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
Firefox3："H1"
Internet Explorer 7："H1"
Opera 9.51："H1"
Chrome 0.2："H1"
Safari 3："H1"
结论：
当某个元素及其父元素都未进行CSS定位时（absolute或者relative），则这个元素的offsetParent属性的取值为在DOM结构层次中距离其最近，并且已进行了CSS定位的元素。
相关文章
深拷贝和浅拷贝是面试中经常出现的,主要考察对基本类型和引用类型的理解深度,本文主要给大家介绍了js实现深拷贝和浅拷贝的方式,需要的朋友可以参考下2022-05-05
深入理解JavaScript中为什么string可以拥有方法
下面小编就为大家带来一篇深入理解JavaScript中为什么string可以拥有方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家详细介绍了纯JS实现五子棋游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-05-05
本文主要介绍了Javascript仿京东放大镜效果的实例。具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
下面小编就为大家带来一篇用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
本篇文章主要介绍了详解webpack介绍&安装&常用命令，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
这篇文章主要为大家详细介绍了layui添加动态菜单与选项卡，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
指定区域的图片自动按比例缩小的js代码（防止页面被图片撑破）
有时候我们更新的内容，有很多的大图片，就会导致页面变形或看不到全图。一般情况我们用css的max-width控制，但有些浏览器不支持，我们也可以用js做个补充2014-02-02
这篇文章主要介绍了js实现简易拖拽的示例，帮助大家更好的理解和学习JavaScript,感兴趣的朋友可以了解下2020-10-10
JavaScript中使用document.write向页面输出内容实例
这篇文章主要介绍了JavaScript中使用document.write向页面输出内容实例,本文讲解了输出普通文字、带HTML标签内容的方法,需要的朋友可以参考下2014-10-10
最新评论