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-09-09
这篇文章主要介绍了对TypeScript库进行单元测试的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-07-07
这篇文章主要为大家详细介绍了前端js弹出框组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
下面小编就为大家带来一篇js操作浏览器的参数方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
这篇文章主要介绍了JavaScript设计模式之工厂模式,结合完整实例形式分析了工厂模式的概念、原理及javascript定义与使用工厂模式的相关操作技巧,需要的朋友可以参考下2018-07-07
这篇文章主要为大家详细介绍了Bootstrap布局组件，感兴趣的小伙伴们可以参考一下2016-07-07
easyui-edatagrid.js实现回车键结束编辑功能的实例
下面小编就为大家带来一篇easyui-edatagrid.js实现回车键结束编辑功能的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-04-04
这篇文章主要介绍了微信小程序单选radio及多选checkbox按钮用法,结合实例形式分析了微信小程序中单选radio及多选checkbox按钮的选项设置、读取、选中等相关操作技巧,需要的朋友可以参考下2019-04-04
很少有人对JavaScript的面向对象特性进行系统的分析。我希望接下来的文字让你了解到这个语言最少为人知的一面。2009-12-12
下面小编就为大家带来一篇js 上传文件预览的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
最新评论