技术栈

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无法播放问题排查
相关推荐
Hammer Ray
3 小时前
SourceMap知识点
javascript·sourcemap
西洼工作室
3 小时前
项目环境变量配置全攻略
前端
阿珊和她的猫
3 小时前
Webpack 优化:构建速度与包体积的双重提升
前端·webpack·node.js
阿珊和她的猫
3 小时前
Webpack 打包体积优化:让应用更轻量、更高效
前端·webpack·状态模式
im_AMBER
3 小时前
Vite + React 项目启动深度踩坑指南
前端·学习·react.js·前端框架
Hammer Ray
3 小时前
前端开发基础概念(React)
前端·react.js·前端框架
Sunlightʊə
5 小时前
2.登录页测试用例
运维·服务器·前端·功能测试·单元测试
Code Crafter
6 小时前
ES6-ES14 新特性速查
前端·ecmascript·es6
Lhuu(重开版
6 小时前
CSS从0到1
前端·css·tensorflow
CDwenhuohuo
7 小时前
微信小程序里用 setData() 修改数据并打印输出 的几种写法
javascript·微信小程序·小程序
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04Linux下V2Ray安装配置指南05综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件06BongoCat - 跨平台键盘猫动画工具07Labelme从安装到标注:零基础完整指南08智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践09《大数据技术原理与应用》实验报告三 熟悉HBase常用操作10NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南