技术栈

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无法播放问题排查
相关推荐
郭尘帅666
1 小时前
vue3基础学习(上) [简单标签] (vscode)
前端·vue.js·学习
njsgcs
1 小时前
opencascade.js stp vite webpack 调试笔记
开发语言·前端·javascript
T0uken
2 小时前
【前端】:单 HTML 去除 Word 批注
前端·html·word
st紫月
2 小时前
用vue和go实现登录加密
前端·vue.js·golang
岁岁岁平安
2 小时前
Vue3学习(组合式API——计算属性computed详解)
前端·javascript·vue.js·学习·computed·计算属性
HWL5679
3 小时前
Express项目解决跨域问题
前端·后端·中间件·node.js·express
刺客-Andy
3 小时前
React 第三十九节 React Router 中的 unstable_usePrompt Hook的详细用法及案例
前端·javascript·react.js
Go_going_
3 小时前
【js基础笔记] - 包含es6 类的使用
前端·javascript·笔记
浩~~
4 小时前
HTML5 浮动(Float)详解
前端·html·html5
AI大模型顾潇
5 小时前
[特殊字符] 本地大模型编程实战(29):用大语言模型LLM查询图数据库NEO4J(2)
前端·数据库·人工智能·语言模型·自然语言处理·prompt·neo4j
热门推荐
01YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】02从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑03KGG转MP3工具|非KGM文件|解密音频04【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高,一键全文降!文件格式不变,公式都保留的!05Coze扣子平台完整体验和实践(附国内和国际版对比)06DeepSeek各版本说明与优缺点分析07【解决】Android Gradle Sync 报错 Could not read workspace metadata08YOLOv5改进 | 添加CA注意力机制 + 增加预测层 + 更换损失函数之GIoU09苍穹外卖面试总结10yolov10来了!用yolov10训练自己的数据集(原理、训练、部署、应用)