获取html元素的坐标

最新推荐文章于 2023-09-30 20:24:54 发布
最新推荐文章于 2023-09-30 20:24:54 发布
阅读量2.9k 收藏 1
点赞数
分类专栏： watir 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whuyi/article/details/8103193
版权

获取相对于页面的坐标：
x=e.offsetLeft
p=e.offsetParent
while(p)do
x=x+p.offsetLeft  
p=p.offsetParent
end 

return x


y=e.offsetTop;
p=e.offsetParent
while(p)do       
y=y+p.offsetTop
p=p.offsetParent
end
return y

获取相对于屏幕的坐标：

 top=obj.getBoundingClientRect.top.to_i+ @ie.document.parentWindow.screenTop.to_i
 left= obj.getBoundingClientRect.left.to_i+ @ie.document.parentWindow.screenLeft.to_i

AutoIt3的MouseClick函数需要的是元素相对于屏幕的坐标。。



whuyi
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html获取元素的坐标
这波不亏
12-31 4635
原文：http://www.blogjava.net/sealyu/archive/2009/02/24/256449.html 使用HTML元素的style.left,style.top,style.width,style.height以及width,height属性，都不能获得元素的真正位置与大小，这些属性取出来的都是原来的设置值，例如，那么通过document.getEleme
js无限极跨越框架获得html元素的位置（源码）
12-21
js无限极跨越框架获得html元素的位置（源码） 内有实例！
javascript 精确获取页面元素的位置
12-09
代码如下: //取得元素x坐标 function pageX(elem) { return elem.offsetParent?(elem.offsetLeft+pageX(elem.offsetParent)):elem.offsetLeft; } //取得元素y坐标 function pageY(elem) { return elem.offsetParent?(elem.offsetTop+pageY(elem.offsetParent)):elem.offsetTop; } 貌似这位大神在出这本书时比较赶，有许多纰漏，最后大神也发觉这两个函数有问题，并没有把它们运用到JQuery中。
jquery获取html元素的绝对位置和相对位置的方法
01-19
绝对位置坐标： 代码如下: $(“#elem”).offset().top $(“#elem”).offset().left 相对父元素的位置坐标： 代码如下: $(“#elem”).position().top $(“#elem”).position().left 另： static(默认):默认定位方式。 relative(相对定位):在static的基础上，相对元素本来的位置变化，通过设定top,bottom,left,right实现。 absolute(绝对定位):是相对父元素来说的，如果父元素中有relative，那么该元素的位置是经过计算后的结果。即absolute定位的参
AutoIT+Selenium的使用
weixin_38389124的博客
03-30 2188
AutoIt v3是一种免费的类似BASIC的脚本语言，用于自动化Windows GUI和通用脚本。它使用模拟击键，鼠标移动和窗口/控制操作的组合，以便以其他语言（例如VBScript和SendKeys）不可能或不可靠的方式自动执行任务。 安装AutoIT 访问这个网址：https://www.autoitscript.com/site/autoit/downloads/ 下载并安装两个文件：Sc...
Python获取最小路径，查找元素在list中的坐标
qq_492448446的博客
02-10 1045
Python获取最小路径，查找元素在list中的坐标
html获取元素坐标
hobtdto的博客
05-10 1102
// 获取元素坐标 function getElementOffset(element) { let offset = { left: 0, top: 0 } let current = element.offsetParent offset.left += element.offsetLeft offset.top += element.offsetTop while (current !== null) { offset.left += current.offsetLef
html获取位置坐标,js获取元素位置坐标的方法
weixin_32836671的博客
05-30 4198
用js 获取一个div坐标的方法是什么？js获取DIV的位置坐标的方法大概有两种： 第一种：编辑代码：var odiv=document.getElementById('divid'); alert(odiv.getBoundingClientRect().left); alert(odiv.getBoundingClientRect().top); 第二种：编辑代码function CPos(x...
html获取元素坐标,获取HTML元素的真正位置与大小
weixin_30445963的博客
05-31 1431
使用HTML元素的style.left,style.top,style.width,style.height以及width,height属性，都不能获得元素的真正位置与大小，这些属性取出来的都是原来的设置值，例如，那么通过document.getElementById("table1").width取出来的值永远都是500，而不管这个表格是否已经被撑大了；同时，通过document.getElem...
100%经典文章：JS如何获取鼠标在一个标签中的坐标
九天翔龙的技术博客
03-20 1516
鼠标的坐标系统太重要了。利用鼠标坐标，可以做好多事情，比如游戏中的鼠标跟随，网页中利用鼠标位置做特效等等。 鼠标坐标的获取，别人怎么做我不知道，反正我有两个比较nice的方法，分为两种情况来讨论。 1. 只有一个标签，没有子标签的情况 这种情况最好说，利用事件对象 event 的 offsetX 和 offsetY 属性可以获取鼠标在该标签中的坐标。 问：为什么要用事件对象？ 答：因为鼠...
Python+selenium 获取浏览器窗口坐标、句柄的方法
12-24
1.0 获取浏览器窗口坐标 python目录可找到Webdriver.py 文件定义了get_window_rect()函数，可获取窗口的坐标和大小（长宽），但出现”Command not found”的情况。set_window_rect()函数也一样。 def get_window_rect(self): """ Gets the x, y coordinates of the window as well as height and width of the current window. :Usage: driver.get_window_rect() """ re
html5中监听canvas内部元素点击事件的三种方法
12-14
canvas内部元素不能像DOM元素一样方便的添加交互事件监听，因为canvas内不存在“元素”这个概念，他们仅仅是canvas绘制出来的图形。这对于交互开发来说是一个必经障碍，想要监听图形的点击事件思路很简单，只要监听...
JQuery中根据属性或属性值获得元素(6种情况获取方法)
12-03
比如要获取页面p标签中属性有id的元素 代码如下: $(“p[id]”).css(“color”,”red”); 根据属性值获得元素 1.$。在jQuery 中$(“”)，这个语法等同于$(document.createElement(“span”)) ，这是一种用法，在选择...
HTML获取地理位置
m0_53244895的博客
02-25 573
【代码】HTML获取地理位置。
au3打开html文件,Autoit3操作网页实现自动化
weixin_29710403的博客
06-17 1532
Autoit3 本身有内置的用户自定义函数IE.au3，只限于IE浏览器，如果是Firefox浏览器需要另外自定义函数。这个是对Firefox浏览器的自定义函数库，这样就可以通过Firefox访问网页。实现步骤和发现的问题：1. 下载FF.au3，放在脚本同目录下，也可以放在AutoIt3安装目录下的，比如： C:\Program Files\AutoIt3\Include。点击直接下载，Fire...
获取html元素的屏幕坐标,Javascript 获取页面元素相对于电脑屏幕的坐标
最新发布
xinshou_jiaoming的专栏
09-30 1362
坚持分享不容，如果我的分享对您有帮助，请给予。
HTML DOM position 属性
user1324的专栏
04-02 545
定义和用法 position 属性把元素放置到一个静态的、相对的、绝对的、或固定的位置中。 语法： Object.style.position=static|relative|absolute|fixed 可能的值 值   描述 static 默认。位置设置为 static 的元素，它始终会处于页面流给予的位置（stati
html 通过图片获取图片里元素的坐标
05-25
HTML 本身并不能通过图片获取图片里元素的坐标，因为图片本身是一种静态文件，只包含像素点的信息，并没有识别出图片里的元素。如果想要获取图片里元素的坐标，需要借助计算机视觉技术和机器学习算法来进行图片识别和分析。可以使用一些开源的计算机视觉库，如OpenCV、TensorFlow等，来实现这一功能。具体实现过程和代码可能会比较复杂，需要根据具体的场景进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值