首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

根据x和y位置获取DIV id

根据x和y位置获取DIV id的方法可以使用JavaScript中的DOM API来实现。以下是一个简单的示例代码:

代码语言:javascript
复制
function getDivIdAtPosition(x, y) {
  const element = document.elementFromPoint(x, y);
  if (element && element.tagName === 'DIV') {
    return element.id;
  }
  return null;
}

这个函数接受两个参数x和y,分别表示屏幕上的横坐标和纵坐标。函数使用document.elementFromPoint()方法获取指定位置的元素,如果该元素是一个<div>元素,则返回其id属性值。如果没有找到<div>元素,则返回null。

需要注意的是,这个方法只能获取到可见的元素,如果元素被隐藏或者超出了视口范围,则无法获取到。此外,如果页面中有多个重叠的<div>元素,该方法只能返回最上层的那个元素。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

android webview获取html代码根据id获取value实例

3 根据id获取value 可能会有这样一个需求:在网页的文本框中输入内容后,要在android中获取文本框的输入内容。那么这个文本框需要设置一个id,我们用javascript代码来获取value。...代码如下: 3.1 初始化webview 这一块的代码上面是一样的 webview.getSettings().setJavaScriptEnabled(true); webview.addJavascriptInterface...public void getValueById(String value) { Log.d("HTML", value); this.value = value; } } 3.2 根据...id获取value detail_web.loadUrl(“javascript:window.local_obj.getValueById(document.getElementById(‘acount_comment...’).value);”); 4 结尾 好了就讲到这里吧,以上这篇android webview获取html代码根据id获取value实例就是小编分享给大家的全部内容了,希望能给大家一个参考。

3.6K20
  • 2023-05-23:如果交换字符串 X 中的两个不同位置的字母,使得它字符串 Y 相等, 那么称 X Y 两个字符串相似。如果这两个字符串本身是相等的,

    2023-05-23:如果交换字符串 X 中的两个不同位置的字母,使得它字符串 Y 相等,那么称 X Y 两个字符串相似。如果这两个字符串本身是相等的,那它们也是相似的。...例如,"tars" "rats" 是相似的 (交换 0 与 2 的位置);"rats" "arts" 也是相似的,但是 "star" 不与 "tars","rats",或 "arts" 相似。...总之,它们通过相似性形成了两个关联组:{"tars", "rats", "arts"} {"star"}。注意,"tars" "arts" 是在同一组中,即使它们并不相似。...4.编写函数 Union(i, j int) 实现按秩合并的操作,将元素 i 所在集合元素 j 所在集合合并成一个集合,具体步骤如下:分别查找元素 i 元素 j 所在集合的根节点,如果它们所在的集合已经相同...,则不需要合并;否则,比较两个集合的大小,将小的集合合并到大的集合中,并更新父节点子集大小,同时将集合数量减1。

    72700

    让剁手党洞察物体细节,“放大镜”当之无愧

    : 获取元素(含边框)自身高度 scrollLeft: 获取元素的左滚距离 scrollTop: 获取元素的上滚距离 event.clientX: 元素的X坐标 event.clientY: 元素的Y坐标...document.onmousemove = function (e) { e.preventDefault(); newX = e.clientX; // 获取当前鼠标X位置...newY = e.clientY; // 获取当前鼠标Y位置 } 3.通过获取到的鼠标坐标位置,减去box左/上距视口的距离,再减去move块所展现出来的宽高的1/2,则得到获取到当前的move块位置...- mov.offsetHeight; 5.根据move块相对于box的占比与放大区相对于大图的占比进行比例计算,得到显示图片的显示位置。...X位置 newY = e.clientY; // 获取当前鼠标Y位置 var nowX = newX - pic.offsetLeft

    1.3K80

    处理点选验证码 手把手教你用selenium模拟登录B站

    = code_img_ele.location # 验证码左上角的坐标x,y size = code_img_ele.size # 验证码图片对应的长宽 # 得到左上角右下角的坐标...[[x1,y1],[x2,y2]] print(result) if '|' in result: nums = result.split('|')...,使用动作链对每一个列表元素对应的xy指定的位置进行模拟点击操作,最后定位并点击确认,可成功实现登录 B 站。...使用动作链按顺序模拟点击每个坐标点 def click_codeImg(all_list, code_img_ele): # 遍历列表,使用动作链对每一个列表元素对应的x,y指定的位置进行点击操作...移动到距某个元素(左上角坐标)多少距离的位置 ActionChains(browser).move_to_element_with_offset(code_img_ele, x, y).

    4.2K40

    CSS动效集锦,视觉魔法的碰撞与融合(三)

    我的解决办法如下: 第一步:根据圆的数量计算相邻圆圆心形成的夹角 例如假设我们需要排列8个圆,那么夹角为360度 / 8 = 45度。图示如下,每个数字代表以该位置为圆心放一个小圆 ?...(cos/sin可能有正负,而等式同样成立) 第三步,外部div相对定位,内部小圆绝对定位,并且将步骤二中计算的X/Y作为小圆的bottomleft去设置 这一步也是批量完成,下图以编号8的圆为例 ?...([X, Y, deg]); } return arr; } 第二步:编写resizeCircles方法: 根据上一步的结果:调整绝对定位的小圆的位置 /** * R,r,counts:含义同上...* selector: 获取所有小圆的标志符 * 作用:根据上一步的坐标计算结果,调整绝对定位的小圆的位置 */ function resizeCircles(selector, R, r, counts...实现图示如下,注意开始位置结束位置是不可见的 ?

    2K21

    第61节:Java中的DOMJavascript技术

    event 代表事件状态,如事件发生的元素,键盘状态,鼠标位置鼠标按钮状态 document 代表给定浏览器窗口中的html文档 location对象: 包含关于当前URL的信息....'id' 标签属性指定值的第一个对象的引用 getElementsByName 根据name标签属性的值获取对象的集合 getElementsByTagName 根据获取指定元素名称的对象集合....y=0; y<divNodes2.length; y++){ alert(divNodes2[y].innerHTML); } } 层次关系获取节点 父节点唯一性 子节点不唯一性,是数组...id="newstext" class="normfont" > 表单校验 明确事件源事件 提示信息展示方式 <form id="formid" onsubmit="return...效果 // 描述对象 var a = new Person(); // 给定义的对象添加属性行为 for(x in arr){ alert("x="+x); } 达叔小生:往后余生,唯独有你 You

    61820

    Java中的DOMJavascript技术

    event代表事件状态,如事件发生的元素,键盘状态,鼠标位置鼠标按钮状态document代表给定浏览器窗口中的html文档 location对象: 包含关于当前URL的信息....getElementsByName 根据name标签属性的值获取对象的集合 getElementsByTagName 根据获取指定元素名称的对象集合....y=0; y<divNodes2.length; y++){  alert(divNodes2[y].innerHTML); } } 层次关系获取节点 父节点唯一性 子节点不唯一性,是数组 function...id="newstext" class="normfont" > 表单校验 明确事件源事件 提示信息展示方式 <form id="formid" onsubmit="return checkForm...图片说明 // 描述对象 var a = new Person(); // 给定义的对象添加属性行为 for(x in arr){ alert("x="+x); } 达叔小生:往后余生,唯独有你

    65630

    JS之clientX,clientY,screenX,screenY,offsetX,offsetY区别测试

    ; clientY:当鼠标事件发生时,鼠标相对于浏览器(这里说的是浏览器的有效区域)y轴的位置; screenX:当鼠标事件发生时,鼠标相对于显示器屏幕x轴的位置; screenY:当鼠标事件发生时,鼠标相对于显示器屏幕...y轴的位置; offsetX:当鼠标事件发生时,鼠标相对于事件源x轴的位置 offsetY:当鼠标事件发生时,鼠标相对于事件源y轴的位置 下面我将结合我的测试代码结果对上面的话进行解释 这是我写的测试例子的...上图中 相对于“整个显示屏幕区域而言” 鼠标的x坐标是200px,y坐标是85px,所以screenXscreenY正是获取这两个值,所以screenX是200px,screenY是85px ?... :当鼠标事件发生时,鼠标相对于事件源x轴的位置 offsetY:当鼠标事件发生时,鼠标相对于事件源y轴的位置 ?...相信看到这里应该能明白offsetXoffsetY是获取的什么值了吧,获取的就是鼠标相对test这个按钮的x坐标y坐标

    1.1K40

    用canvas画了个table,手写滚动条

    canvas画个table 首先我们确定一个普通的表就是headerbody组成,在html中,我们直接用thead与tbody以及tr,td就可以轻松画出一个表,或者用div也可以布局一个table...我们把预先html基本结构以及部分mock数据自己先模拟一份 </div...2、根据滚动条的位置确定起始位置,并且需要控制判断滚动条达到底部的位置以及起始位置边界问题 3、根据滚动条位置获取对应数据,然后重新渲染table 4、throttle做了一个简单的节流处理 .....这就归功于以下这个方法setColumnsStyle,我们的目标就是根据原始数据遍历生成dom,然后定位到canvas的位置上去,所以我们的目标就是设置对应dom的xy const setColumnsStyle

    5K20

    jQuery基础

    jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫,并且可以根据自己需要去改写封装插件,简单实用...class类的div标签 所有元素选择器: $("*") 组合选择器: $("#id, .className, tagName") 层级选择器: xy可以为任意选择器 $("x y");// x的所有后代...y(子子孙孙) $("x > y");// x的所有儿子y(儿子) $("x + y")// 找到所有紧挨在x后面的y $("x ~ y")// x之后所有的兄弟y 基本筛选器: :first // 第一个...标签的字体设置为红色 位置: offset()// 获取匹配元素在当前窗口的相对偏移或设置元素位置 position()// 获取匹配元素相对父元素的偏移 scrollTop()// 获取匹配元素相对滚动条顶部的偏移...scrollLeft()// 获取匹配元素相对滚动条左侧的偏移 .offset()方法允许我们检索一个元素相对于文档(document)的当前位置

    2K120

    教你python自动识别图文验证码的解决方案!

    ('/html/body/div[3]/div/div[3]/div[1]/form/div/img') 获取图片元素的位置 loc = yzm_btn.location 获取图片的宽高 size =...yzm_btn.size 获取验证码上下左右的位置,此处要注意查看电脑显示的缩放比列(如下图),根据比列乘以相应的系数,我这边的显示比列是125,那么对于的系数就是1.25(如果你的是150,那么就乘以...1.5) left = loc['x']*1.25 # 计算左边界 top = loc['y']*1.25 # 计算上边界 right = (loc['x'] + size['width'])*1.25...[3]/div/div[3]/div[1]/form/div/img') 获取图片元素的位置 loc = yzm_btn.location 获取图片的宽高 size = yzm_btn.size 获取验证码上下左右的位置...left = loc['x']*1.25 top = loc['y']*1.25 right = (loc['x'] + size['width'])*1.25 botom = (loc['y'] +

    51310
    领券