技术栈

Js 获取元素Rect信息

牙膏上的小苏打23332023-09-11 15:23

Js 获取元素Rect信息

element为任意html元素:

javascript 复制代码
var rect =element.getBoundingClientRect();

打印信息结构如下:

{"x":169,"y":256.796875,"width":208,"height":106,"top":256.796875,"right":377,"bottom":362.796875,"left":169}

上一篇:JAVASE 游戏
下一篇:直播流IOS无法播放问题排查
相关推荐
早起傻一天~G
5 分钟前
vue2+element-UI上传文件
javascript·vue.js·ui
机器视觉知识推荐、就业指导
14 分钟前
npm 安装/运行报错及解决方案
前端·npm·node.js
摇滚侠
15 分钟前
12 移动端 WEB 前端 WEB 开发 HTML5 + CSS3 + 移动 WEB
前端·css3·html5
ez52fF0k8
17 分钟前
.NET11云原生CI/CD在云原生应用持续集成与交付安全加固
前端·c#·交互
独泪了无痕
21 分钟前
pnpm依赖管理:从零开始的实践手册
前端·npm·node.js
张风捷特烈
21 分钟前
状态管理大乱斗#08 | MobX 源码评析 - 透明魔法
android·前端·flutter
mCell
23 分钟前
HTML:AI 时代的通用表达层
前端·html·aigc
mobº
27 分钟前
Vue3 +TypeScript 项目总结
前端·javascript·typescript
counterxing
3 小时前
我整理了一个免费开发资源目录,还做成了 CLI 和 MCP
前端·agent·ai编程
子兮曰
10 小时前
Bun v1.3.14 深度解析:Image API、HTTP/3、全局虚拟存储与五十项变革
前端·后端·bun
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03CC-Switch & Claude 基于 Linux 服务器安装使用指南04【AI】2026 年具身智能模型和世界模型总结05零基础教你claude code 接入 deepseek V406Cursor 接入 DeepSeek‑V4‑Pro 完整指南(2026 实测)07codex app每次打开重连5次Reconnecting问题解决08要裂开了!ChatGPT要手机号验证了?注册Codex要求验证电话号码怎么办?2026年登陆Codex要手机号验证的解决办法09Windows端Codex接入第三方模型(DeekSeek,BaiLian)10裂开!ChatGPT 居然开始要手机号验证,附详细解决方法