js计算一个div的高度

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

// 使用 offsetHeight 获取高度
var offsetHeight = divElement.offsetHeight;
console.log('Offset Height:', offsetHeight);

// 使用 clientHeight 获取高度
var clientHeight = divElement.clientHeight;
console.log('Client Height:', clientHeight);

// 使用 scrollHeight 获取高度
var scrollHeight = divElement.scrollHeight;
console.log('Scroll Height:', scrollHeight);

// 确保DOM完全加载后再获取高度
window.onload = function() {
    var divElement = document.getElementById('myDiv');
    console.log('Offset Height:', divElement.offsetHeight);
    console.log('Client Height:', divElement.clientHeight);
    console.log('Scroll Height:', divElement.scrollHeight);
};

// 或者使用事件监听确保DOM更新后获取高度
document.getElementById('myDiv').addEventListener('DOMSubtreeModified', function() {
    console.log('Offset Height:', this.offsetHeight);
    console.log('Client Height:', this.clientHeight);
    console.log('Scroll Height:', this.scrollHeight);
});