Javascript中找到子元素在父元素内相对位置的代码
更新时间：2012年07月21日 09:02:03 作者：
因为想自动定位到子元素，所以一直在找各种找寻元素位置的代码。
不过总是找不到可以定位子元素相对位置的代码
经过自己一晚上尝试，貌似找到了一个方法。
现在脑袋还糊涂，先记下来，以后再分析。
// 找到子元素在父元素中的相对位置
function getElementTop(element){
var el = (typeof element == "string") ? document.getElementById(element) : element;
if (el.parentNode === null || el.style.display == 'none') {
return false;
}
return el.offsetTop - el.parentNode.offsetTop;
}
这个函数可以获取子元素在父元素中的相对高度，可以通过设置父元素的 scrollTop 的属性来定位到子元素的位置
现在脑袋还糊涂，先记下来，以后再分析。
复制代码 代码如下:
// 找到子元素在父元素中的相对位置
function getElementTop(element){
var el = (typeof element == "string") ? document.getElementById(element) : element;
if (el.parentNode === null || el.style.display == 'none') {
return false;
}
return el.offsetTop - el.parentNode.offsetTop;
}
这个函数可以获取子元素在父元素中的相对高度，可以通过设置父元素的 scrollTop 的属性来定位到子元素的位置
相关文章
这篇文章主要为大家分享了一些实用性较高的js方法，方便大家开发时使用，感兴趣的小伙伴们可以参考一下2016-04-04
在浏览器中填写表单的时，可以直接在“文本框”中敲击“Enter”来提交表单，很是方便。2010-02-02
大家对form表单的action提交有些了解吧，下面为大家介绍下实现的js部分与html部分，感兴趣的朋友可以参考下2014-01-01
JavaScript判断textarea值是否为空并给出相应提示
假如用户没有输入数据则给出相应提示，那么该如何来判断呢？下面以判断textarea值是否为空为例2014-09-09
javascript 中几个与正则表达式相关的应用,本文将详细介绍，需要的朋友可以参考下2012-11-11
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
这篇文章主要介绍了使用smartupload组件实现jsp+jdbc上传下载文件实例解析,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-01-01
这篇文章主要为大家详细介绍了JavaScript轮播图简单的制作方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
随着Web开发技术的不断发展,JavaScript已经成为前端开发中不可或缺的一部分,下面我们就来看看如何使用JavaScript实现一个简单的天气应用吧2024-01-01
JavaScript中localStorage对象存储方式实例分析
这篇文章主要介绍了JavaScript中localStorage对象存储方式,结合实例形式分析了localStorage对象存储数据的原理及操作技巧,需要的朋友可以参考下2017-01-01
如何用JS特效显示自己的屏幕分辨率以及屏幕尺寸呢，你会吗？如果不会，那么下面有个不错的方法，大家可以参考下2013-11-11
最新评论