js获取元素的margin值

// 获取元素
const element = document.getElementById('myElement');

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

// 获取各个方向的margin值
const marginTop = computedStyle.marginTop;
const marginRight = computedStyle.marginRight;
const marginBottom = computedStyle.marginBottom;
const marginLeft = computedStyle.marginLeft;

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

// 获取元素
const element = document.getElementById('myElement');

// 获取元素的大小及其相对于视口的位置
const rect = element.getBoundingClientRect();

// 计算margin值（假设父元素没有设置padding）
const marginTop = rect.top;
const marginRight = window.innerWidth - rect.right;
const marginBottom = window.innerHeight - rect.bottom;
const marginLeft = rect.left;

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

const marginTop = computedStyle.marginTop.replace(/[^0-9.-]+/g, '');
console.log('Margin Top (numeric):', parseFloat(marginTop));