js 获取div margin

// 获取元素
var divElement = document.getElementById('yourDivId');

// 获取计算后的样式
var computedStyle = window.getComputedStyle(divElement);

// 获取margin值
var marginTop = computedStyle.marginTop;
var marginRight = computedStyle.marginRight;
var marginBottom = computedStyle.marginBottom;
var marginLeft = computedStyle.marginLeft;

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

// 获取元素
var divElement = document.getElementById('yourDivId');

// 获取元素的宽度和高度以及边框
var widthWithMargins = divElement.offsetWidth;
var heightWithMargins = divElement.offsetHeight;
var borderLeftWidth = parseFloat(window.getComputedStyle(divElement).borderLeftWidth);
var borderRightWidth = parseFloat(window.getComputedStyle(divElement).borderRightWidth);
var borderTopWidth = parseFloat(window.getComputedStyle(divElement).borderTopWidth);
var borderBottomWidth = parseFloat(window.getComputedStyle(divElement).borderBottomWidth);

// 获取元素的宽度和高度（不包括边框）
var width = divElement.clientWidth;
var height = divElement.clientHeight;

// 计算margin值
var marginLeft = (widthWithMargins - borderLeftWidth - borderRightWidth - width) / 2;
var marginRight = marginLeft;
var marginTop = (heightWithMargins - borderTopWidth - borderBottomWidth - height) / 2;
var marginBottom = marginTop;

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