html 设置两个标签的相对距离_javascript 如何获取页面中两个html标签的距离呢？...

摘要:

下文讲述使用js脚本获取两个html标签之间的距离的方法分享，如下所示:

例：

获取”div1同div3之间的垂直距离

maomao365.com

获取两个div(div1同div3)之间的垂直距离的方法分享

---

div{

margin:10px;

padding:10px;

background-color:green;color:white;

width:180px;

height:120px;

line-height:120px;

}

window.onload = function(){

let d1=document.getElementById("div1");

let d3=document.getElementById("div3");

let m=document.getElementById("msg");

let oRect1=d1.getBoundingClientRect();

let oRect3=d3.getBoundingClientRect();

let i = Math.abs(oRect1.top - oRect3.top);

m.innerHTML="div1和div3之间的间距为:"+i;

}

猫猫教程-div区域1

猫猫教程-div区域2

猫猫教程-div区域3

javascript js获取两个div之间的间距