Javascript:如何计算DOM元素(如<li> )中文本元素的行数

function calculateTextLines(elementId) {
  // 获取目标元素
  var targetElement = document.getElementById(elementId);
  
  // 获取目标元素的计算样式
  var targetStyle = window.getComputedStyle(targetElement);
  
  // 创建临时元素
  var tempElement = document.createElement('div');
  
  // 设置临时元素的样式与目标元素相同
  tempElement.style.width = targetStyle.width;
  tempElement.style.font = targetStyle.font;
  tempElement.style.lineHeight = targetStyle.lineHeight;
  tempElement.style.padding = targetStyle.padding;
  tempElement.style.margin = targetStyle.margin;
  tempElement.style.border = targetStyle.border;
  tempElement.style.position = 'absolute';
  tempElement.style.visibility = 'hidden';
  
  // 插入目标元素的文本内容到临时元素
  tempElement.textContent = targetElement.textContent;
  
  // 将临时元素插入到DOM中
  document.body.appendChild(tempElement);
  
  // 计算行数
  var lineHeight = parseFloat(targetStyle.lineHeight);
  var elementHeight = tempElement.offsetHeight;
  var lines = Math.ceil(elementHeight / lineHeight);
  
  // 移除临时元素
  document.body.removeChild(tempElement);
  
  // 返回行数
  return lines;
}

// 使用示例
var elementId = 'myElement';
var lines = calculateTextLines(elementId);
console.log('行数：', lines);