当前位置: 首页 > 编程笔记 >

JavaScript获取指定元素位置的方法

滕翔飞
2023-03-14
本文向大家介绍JavaScript获取指定元素位置的方法,包括了JavaScript获取指定元素位置的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JavaScript获取指定元素位置的方法。分享给大家供大家参考。具体如下:

function showpane() {

  var self = document.getElementById("eID");

  var left = self.getBoundingClientRect().left + document.documentElement.scrollLeft;

  var top = self.getBoundingClientRect().top + document.documentElement.scrollTop + self.offsetHeight;

}

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 问题内容: 使用Javascript,如何确定给定位置的元素?基本上,我希望编写一个函数,该函数接受两个输入参数(x和y坐标),并在参数所表示的屏幕上的位置处返回html元素。 问题答案: http://dev.w3.org/csswg/cssom-view/#dom-document- elementfrompoint http://msdn.microsoft.com/zh- CN/libra

  • 有可能在JList中获得所选元素的位置吗?我想让它将JFrame放在单击选项的正下方。

  • 本文向大家介绍JavaScript与JQUERY获取元素的宽、高和位置,包括了JavaScript与JQUERY获取元素的宽、高和位置的使用技巧和注意事项,需要的朋友参考一下 javascript中 ele.getBoundingClientRect():获取一个元素相对于浏览器视口的的坐标(无论父元素定位与否),返回一个Object对象,该对象有6个属性:top/left/right/botto

  • 本文向大家介绍JavaScript实现数组在指定位置插入若干元素的方法,包括了JavaScript实现数组在指定位置插入若干元素的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现数组在指定位置插入若干元素的方法。分享给大家供大家参考。具体如下: 我们可以通过JS数组的splice方法在执行的位置插入新的元素,非常简单 上面的代码执行后输出如下结果: Banana

  • 本文向大家介绍JavaScript控制网页平滑滚动到指定元素位置的方法,包括了JavaScript控制网页平滑滚动到指定元素位置的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript控制网页平滑滚动到指定元素位置的方法。分享给大家供大家参考。具体如下: 使用方法: 页面将会平滑的滚动到元素elementID所在的位置 希望本文所述对大家的javascript程序设计有所

  • 本文向大家介绍XAML如何获取元素的位置,包括了XAML如何获取元素的位置的使用技巧和注意事项,需要的朋友参考一下 在之前讨论 ListView 滚动相关需求的文章中(UWP: ListView 中与滚动有关的两个需求的实现)曾经提到了获取元素相对位置的方法,即某元素相对另一元素的位置。现将所有相关方法再作整理,并且包括 UWP 与 WPF 两者的实现,如下: WPF(两种方式): UWP:  这