js 获取父级div 宽高

// 假设当前元素是子元素
var childElement = document.getElementById('childElementId');

// 获取父级元素
var parentElement = childElement.offsetParent;

// 使用getBoundingClientRect获取父级元素的尺寸
var parentRect = parentElement.getBoundingClientRect();

console.log('父级宽度:', parentRect.width);
console.log('父级高度:', parentRect.height);

// 假设当前元素是子元素
var childElement = document.getElementById('childElementId');

// 获取父级元素
var parentElement = childElement.parentNode;

// 使用offsetWidth和offsetHeight获取父级元素的尺寸
var parentWidth = parentElement.offsetWidth;
var parentHeight = parentElement.offsetHeight;

console.log('父级宽度:', parentWidth);
console.log('父级高度:', parentHeight);

// 假设当前元素是子元素
var childElement = document.getElementById('childElementId');

// 获取父级元素
var parentElement = childElement.parentNode;

// 使用getComputedStyle获取计算后的样式
var style = window.getComputedStyle(parentElement);

// 注意：getComputedStyle返回的是包含单位的字符串
var parentWidth = style.width;
var parentHeight = style.height;

console.log('父级宽度:', parentWidth);
console.log('父级高度:', parentHeight);