获取网页某个元素坐标的方法

最新推荐文章于 2024-07-26 12:18:49 发布
最新推荐文章于 2024-07-26 12:18:49 发布
阅读量1.5w 收藏 26
点赞数 5
分类专栏： Python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mg_aping/article/details/102723866
版权

用python的selenium写爬虫通过绝对坐标点击，坐标的获取方法（谷歌浏览器）：

网页F12打开源代码，在console窗口输入

document.querySelectorAll('css选择器')[0].getBoundingClientRect().left + document.documentElement.scrollLeft
document.querySelectorAll('css选择器')[0].getBoundingClientRect().top + document.documentElement.scrollTop

其中css选择器为目标区域的css表达式，Left计算X坐标，Top计算Y坐标，若该css区域过大，需计算其区域大小：

document.querySelectorAll('css选择器')[0].getBoundingClientRect().width
document.querySelectorAll('css选择器')[0].getBoundingClientRect().height 

width计算区域宽度，height计算区域高度，坐标原点为网页视图左上角顶点，可通过计算后精准点击某点

 

啊啊平
关注
专栏目录
网页元素坐标表示及坐标计算方法
weixin_42080566的博客
04-29 1万+
一、页面元素坐标种类    根据DOM的鼠标事件（参见https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent），浏览器响应鼠标事件时，会上报四类坐标：1、(pageX，pageY)：相对于整个网页的坐标，因此坐标点可能比实际屏幕尺寸大。该坐标属于绝对坐标，不随着页面滚动而变化，当网页渲染完毕后，每个元素的page坐标就已固定。2、(c...
获取元素 在网页中的 坐标
aof26372的博客
10-29 750
1. 获取 网页真实内容 高度 // 获取 网页真实内容 高度 function getScrollHeight(){ return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight); } 2. 获取 网页真实内容 宽度 ...
获取鼠标当前坐标
02-15
获取鼠标在当前屏幕坐标系中的位置信息 将鼠标移动到要获取位置的点，然后按F10，就会弹出当前的坐标值
详解！!如何获取页面元素-Javascript-Dom
最新发布
2301_81079726的博客
07-26 494
本文讲解了在JavaScript中如何获取元素并对获取元素的几种方法进行了详解。
详细解析 JavaScript 获取元素的坐标
孤云博客
03-15 9619
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666)、博主微信（guyun297890152）、QQ技术交流群(183198395)。 from：https://www.cnblogs.com/dong-xu/p/7150715.html?utm_source=tuicool&utm_medium=referral 详细解析 JavaSc...
网页中的坐标
m0_71873158的博客
01-04 1062
event.screenX:相对电脑屏幕的坐标，以屏幕左上角为坐标原点到鼠标所在点的水平距离（与浏览器窗口大小无关） event.screenY:相对电脑屏幕的坐标，以屏幕左上角为坐标原点到鼠标所在点的垂直距离（与浏览器窗口大小无关）:相对浏览器可视区域的坐标，以浏览器可视区域左上角为坐标原点到鼠标所在点的水平距离（常用）（不包括滚顶条内的距离）:相对浏览器可视区域的坐标，以浏览器可视区域左上角为坐标原点到鼠标所在点的垂直距离（常用）（不包括滚顶条内的距离）：向下滑动滚动块时元素隐藏内容的高度。
javascript 获取网页内某一元素的坐标
02-11 673
function getTop(e) { var offset = e.offsetTop; if (e.offsetParent != null){ offset += getTop(e.offsetParent);} return offset;}function getLeft(e) { var offset = e.offsetLeft; if (e.off
获取一个页面元素在页面上的坐标位置
guoguo1980的专栏
02-01 4773
//obj-要获取其页面坐标的元素function findPos(obj) { var curleft = curtop = 0; if (obj.offsetParent) {  curleft = obj.offsetLeft  curtop = obj.offsetTop  while (obj = obj.offsetParent) {   curleft += obj.offset
python获取网页元素坐标_html网页元素在屏幕上的坐标获取
weixin_39863616的博客
12-08 1872
今天在用python调用IE获取html网页元素在屏幕上的坐标，当然为了截图啦，(*^__^*) 嘻嘻……xtop=ie.document.forms[i].elements[j].getBoundingClientRect().top + ie.document.parentwindow.screentopxleft=ie.document.forms[i].elements[j].getBou...
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
10-18
本文将详细介绍如何在Vue中获取元素的宽、高、距离左边、右边、上边的距离以及XY坐标轴的位置。 首先，Vue中的`$refs`属性允许我们在模板中为元素添加引用，并在Vue实例中直接访问这些元素。例如，如果我们在模板中...
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
01-21
获取页面中元素到文档区域document的横向、纵向坐标的两种方法及其比较 在js控制元素运动的过程中，对于页面元素坐标位置的获取是经常用到的，这里主要总结下两种方法： 一：通过叠加元素对象和它的offsetParent...
jquery中获得元素尺寸和坐标的方法整理
10-25
例如，使用以下代码可以获取某个元素的坐标： ```javascript var coordinates = $('#element').offset(); console.log(***, coordinates.left); ``` 如果需要设置元素的偏移，可以传递一个对象参数给offset()方法，...
jquery获取当前元素的坐标
zcaixx的博客
06-13 2770
1，获取对象 var obj = $("#id号"); 或 var obj = $(this); 2，获取对象元素的位置(offset()方法) var offset = obj.offset(); 获取对象元素的位置，分别是元素的top和left， 用方法是：offset.left和offset.top，可知当前对象的左部和顶部位置。 3，获取对象元素的宽度(width()方法) var ...
jquery获取元素坐标获取鼠标坐标
qq_38184559的博客
07-19 606
获取页面某一元素的绝对X,Y坐标，可以用offset()方法： var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').position().left; 让Di
【Python+Appium】自动化测试（十一）location与size获取元素坐标
m0_70618214的博客
12-02 1727
appium做app自动化测试过程中，有时需要获取控件元素的坐标进行滑动操作。appium中提供了location方法获取控件元素左上角的坐标，再通过size方法获取控件元素的宽高，就可以得到控件元素更多的坐标。这篇贴子到这里就结束了，最后，希望看这篇帖子的朋友能够有所收获。如果你觉得文章还不错，请大家下，因为这将是我持续输出更多优质文章的最强动力！
html中元素尺寸、坐标的获取
michael8512的博客
08-02 1120
html asdasd css *{margin:0;padding:0;} img{ border:0; width: 1780px; height: 1080px; } .main{ width: 350px; height: 200px; background: green; position: relative
元素坐标、尺寸、滚动
huangpb的博客
09-19 1631
1. 鼠标所在的坐标：event.clientX; 和 event.clientY; 2. 元素自身的宽：el.offsetWidth 或者 window.getComputedStyle(el).width 元素自身的高：el.offsetHeight 或者window.getComputedStyle(el).height 整个网页高度:document.documen.........
获取鼠标在某元素上的坐标位置
04-25
您好！感谢您使用ChitGPT进行对话。获取鼠标在某元素上的坐标位置可以通过以下代码实现： ``` document.addEventListener('mousemove', function(e) { var mousePosX = e.clientX; var mousePosY = e.clientY; console.log('Mouse position:', mousePosX, mousePosY); }); ``` 在该代码中，我们使用了鼠标移动事件监听器，当鼠标在页面上移动时触发这个事件。然后，我们使用event.clientX和event.clientY属性，这两个属性表示鼠标在页面上的坐标位置。最后，我们将这些坐标位置打印到控制台上。您可以使用类似的代码来获取鼠标在某元素上的坐标位置。我希望这可以帮助您回答您的问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值