DOMRect对象

78 阅读 0 评论 52 点赞

我是靠谱客的博主轻松鞋子，最近开发中收集的这篇文章主要介绍DOMRect对象，觉得挺不错的，现在分享给大家，希望可以做个参考。

查看HTML元素在可视区域中的位置可以用DOMRect这个对象。

document.querySelector("#div1").getBoundingClientRect();

返回的是 ClientRect或者DOMRect对象（其实只是改了名字而已，DOMRect为目前最新的名称）

ClientRect中的四个属性（left,top,right,bottom)可以构成矩形盒子左上角和右下角的坐标，都是以视口（应该说是可是区域）的左上角为原点（0,0）。

可以参考Mozilla开发者网络中的译文（好像翻译得不是特别容易理解）：https://developer.mozilla.org/zh-CN/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMClientRect
274541875

fe5ae075-19fb-47fb-ac77-fe5da95de30a

转载于:https://www.cnblogs.com/qiudafa/p/5150046.html

以上就是轻松鞋子为你收集整理的DOMRect对象的全部内容，希望文章能够帮你解决DOMRect对象所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。