从截断的消息中获取div中的可见文本

<div id="truncated-message">截断的消息...</div>

var div = document.getElementById("truncated-message");
var visibleText = "";

// 检查文本是否超过了div的显示范围
if (div.scrollWidth > div.clientWidth) {
  // 获取div中的全部文本内容
  var fullText = div.textContent;

  // 使用二分查找法找到最后一个可见字符的位置
  var start = 0;
  var end = fullText.length - 1;
  var lastVisibleIndex = -1;

  while (start <= end) {
    var middle = Math.floor((start + end) / 2);
    div.textContent = fullText.substring(0, middle + 1);

    if (div.scrollWidth <= div.clientWidth) {
      lastVisibleIndex = middle;
      start = middle + 1;
    } else {
      end = middle - 1;
    }
  }

  // 获取最后一个可见字符后的文本内容
  visibleText = fullText.substring(0, lastVisibleIndex + 1);
} else {
  // 如果文本未超过显示范围，则直接获取全部文本内容
  visibleText = div.textContent;
}

console.log(visibleText);