冬二二二
自己写个方法吧......html>
Document* {
margin: 0;
padding: 0;
}
.div1 {
width: 100px;
height: 100px;
background: red;
position: absolute;
top: 10px;
left: 10px;
}
.div2 {
width: 100px;
height: 200px;
background: blue;
position: absolute;
top: 20px;
left: 200px;
}
var div1 = document.querySelector('.div1');
var div2 = document.querySelector('.div2');
// 计算差值 传入参数(元素1, 元素2, 要计算的属性)
function dis(element1, element2, attr) {
return css(element1, attr) - css(element2, attr) + 'px';
}
// 获取元素属性 (没处理兼容性)
function css(element, attr) {
return parseInt(getComputedStyle(element)[attr]);
}
console.log(dis(div2, div1, 'height'));