js获取div的margin

// 获取div元素，假设其id为'myDiv'
var div = document.getElementById('myDiv');

// 获取计算样式
var style = window.getComputedStyle(div);

// 获取左边距的值
var marginLeft = style.marginLeft;

console.log(marginLeft); // 输出左边距的值，例如 "10px"

var marginTop = style.marginTop;
var marginRight = style.marginRight;
var marginBottom = style.marginBottom;
var marginLeft = style.marginLeft;

console.log('Top:', marginTop);
console.log('Right:', marginRight);
console.log('Bottom:', marginBottom);
console.log('Left:', marginLeft);

// 将margin值转换为数字（去掉'px'后缀）
function getMarginValue(margin) {
    return parseFloat(margin);
}

var totalHorizontalMargin = getMarginValue(marginLeft) + getMarginValue(marginRight);
var totalVerticalMargin = getMarginValue(marginTop) + getMarginValue(marginBottom);

console.log('Total Horizontal Margin:', totalHorizontalMargin);
console.log('Total Vertical Margin:', totalVerticalMargin);