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 的属性来定位到子元素的位置
相关文章
这篇文章主要介绍了从零开始用electron手撸一个截屏工具的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
JavaScript使用setInterval()函数实现简单轮询操作的方法
这篇文章主要介绍了JavaScript使用setInterval()函数实现简单轮询操作的方法,以实例形式分析了轮询操作的原理与javascript实现技巧,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了原生JS实现获取及修改CSS样式的方法,结合实例形式简单分析了JavaScript针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-09-09
这篇文章主要介绍了JavaScript动画：offset和匀速动画详解(含轮播图的实现)，并把实现代码做了分享，有兴趣的朋友参考下。2018-02-02
下面小编就为大家带来一篇JS获取随机数和时间转换的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
这篇文章主要为大家详细介绍了JavaScript中闭包的一些难点，文中的示例代码讲解详细，对我们学习JavaScript有一定帮助，需要的可以参考一下2022-09-09
这篇文章主要为大家详细介绍了使用javascript实现双端队列，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要介绍了ES6新特性五之Set与Map的数据结构,结合实例形式分析了ES6中Set与Map的功能、定义、属性、结构与相关使用技巧,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了微信小程序封装自定义弹窗的实现代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
这篇文章主要通过一张图让你看懂JavaScript各类型的关系，需要的朋友可以参考下2015-10-10
最新评论