技术栈

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无法播放问题排查
相关推荐
绺年
1 分钟前
模块化加载机制与循环依赖的探索
前端
Csvn
10 分钟前
前端技术 - 前端技术债务
前端
Days2050
20 分钟前
Flyfish Viewer:全能纯前端多格式文件预览组件,解锁浏览器端无门槛预览新体验
前端
selfsuer
21 分钟前
【奇奇怪怪前端问题记录】
前端
不要额外加糖
23 分钟前
给 Codex 戴上紧箍, 治一治 AI 的过度发挥
前端·人工智能·代码规范
吃阿茶搽
43 分钟前
源码剖析:Standard组件架构与底层实现原理
javascript
文心快码BaiduComate
1 小时前
Comate搭载MiniMax M3:支持超长百万上下文
前端·人工智能·后端
浩风祭月
1 小时前
React 18 并发特性实战:用 useTransition 和 useDeferredValue 优化列表搜索体验
前端·react native
WebInfra
1 小时前
TanStack Start 框架正式支持 Rsbuild
前端·javascript·前端框架
热门推荐
012026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf02GitHub 镜像站点03【AI】2026 年具身智能模型和世界模型总结04Codex 下载安装指南:Windows 和 macOS 官方版下载05【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法06裂开!ChatGPT 居然开始要手机号验证,附详细解决方法07CC-Switch 下载、安装与使用配置指南【2026.5.29】08CC-Switch & Claude 基于 Linux 服务器安装使用指南09Codex 接入 DeepSeek API 完整配置文档10几个好用的ip纯净度检测网站