js 获取文本高度

<div id="text-container" style="width: 200px; font-size: 16px;">
  这里是一些示例文本，用于演示如何获取文本的高度。
</div>

// 获取 DOM 元素
const textContainer = document.getElementById('text-container');

// 方法一：使用 offsetHeight
const heightOffset = textContainer.offsetHeight;
console.log('Offset Height:', heightOffset);

// 方法二：使用 scrollHeight
const heightScroll = textContainer.scrollHeight;
console.log('Scroll Height:', heightScroll);

// 方法三：使用 clientHeight
const heightClient = textContainer.clientHeight;
console.log('Client Height:', heightClient);

const textContainer = document.getElementById('text-container');

function updateText(newText) {
  textContainer.textContent = newText;
  const newHeight = textContainer.offsetHeight;
  console.log('Updated Height:', newHeight);
}

// 模拟动态更新文本
setTimeout(() => {
  updateText('这里是更新后的文本内容，用于演示动态高度计算。');
}, 2000);