js 得到padding值

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

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

// 获取各个方向的padding值
const paddingTop = style.paddingTop;
const paddingRight = style.paddingRight;
const paddingBottom = style.paddingBottom;
const paddingLeft = style.paddingLeft;

console.log('Padding Top:', paddingTop);
console.log('Padding Right:', paddingRight);
console.log('Padding Bottom:', paddingBottom);
console.log('Padding Left:', paddingLeft);

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

// 获取元素的尺寸和位置
const rect = element.getBoundingClientRect();

// 通过比较宽高来间接获取padding值
const widthWithPadding = rect.width;
const heightWithPadding = rect.height;

// 假设你知道元素的宽度和高度（不包括padding）
const elementWidth = 200; // 示例宽度
const elementHeight = 100; // 示例高度

const paddingLeftRight = (widthWithPadding - elementWidth) / 2;
const paddingTopBottom = (heightWithPadding - elementHeight) / 2;

console.log('Padding Left/Right:', paddingLeftRight);
console.log('Padding Top/Bottom:', paddingTopBottom);