美文网首页web前端技术分享
js getBoundingClientRect

js getBoundingClientRect

作者: 如果俞天阳会飞 | 来源:发表于2020-07-15 10:50 被阅读0次
<div id="box"></div>
var object=document.getElementById('box'); 
rectObject = object.getBoundingClientRect();
 
    rectObject.top:元素上边到视窗上边的距离;
    rectObject.right:元素右边到视窗左边的距离;
    rectObject.bottom:元素下边到视窗上边的距离;
    rectObject.left:元素左边到视窗左边的距离;
    rectObject.width:是元素自身的宽
    rectObject.height是元素自身的高
image.png

相关文章

网友评论

    本文标题:js getBoundingClientRect

    本文链接:https://www.haomeiwen.com/subject/hgldhktx.html