技术栈

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无法播放问题排查
相关推荐
huabuyu
11 分钟前
基于 React + MarkdownIt 的 Markdown 渲染器实践:支持地图标签和长按复制
前端
芦苇Z
13 分钟前
HTML <a> 标签的 rel 属性全解析:安全、隐私与 SEO 最佳实践
前端·html
在这儿不行
17 分钟前
Android 15边到边模式
前端
源猿人
20 分钟前
企业级文件浏览系统的Vue实现:架构设计与最佳实践
前端·javascript·数据可视化
红红大虾
20 分钟前
Defold引擎中关于CollectionProxy的使用
前端·游戏开发
最后一个农民工
26 分钟前
vue3实现仿豆包模版式智能输入框
前端·vue.js
RoyLin
28 分钟前
TypeScript设计模式:迭代器模式
javascript·后端·node.js
xw5
1 小时前
uni-app中v-if使用”异常”
前端·uni-app
!win !
1 小时前
uni-app中v-if使用”异常”
前端·uni-app
热门推荐
01GitHub 镜像站点02UV 工具安装与国内镜像源配置指南03UV安装并设置国内源0446个Nano-banana 精选提示词,持续更新中05A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程06KGG转MP3工具|非KGM文件|解密音频07解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题08conda中设置镜像地址(附所有可换的地址)09Claude Code 平替:OpenAI发布 Codex CLI ,GPT-5 国内直接使用10保姆级教程:手把手教你用Dify实现完美多轮对话(附Chatflow和提示词)