我想要js实现而不是css实现

好的，那么可以使用 JavaScript 来实现单行文本溢出的省略。可以通过获取元素的宽度和文本的宽度，比较它们的大小来判断是否需要省略。代码如下：

function ellipsisText(element) {
  const style = window.getComputedStyle(element);
  const elementWidth = element.clientWidth;
  const textWidth = element.scrollWidth;
  const ellipsis = '...';
  
  if (textWidth > elementWidth) {
    const text = element.textContent;
    const textLength = text.length;
    let i = textLength;
    while (i > 0 && (textWidth + ellipsis.length) > elementWidth) {
      i--;
      element.textContent = text.slice(0, i);
      textWidth = element.scrollWidth;
    }
    element.textContent = element.textContent + ellipsis;
  }
}

这里的 `element` 是需要进行省略的元素节点。首先获取元素的宽度和文本的宽度，如果文本的宽度大于元素的宽度，则需要进行省略。使用 `while` 循环逐渐减少文本的长度，直到文本的宽度小于或等于元素的宽度再停止。最后在文本的末尾添加省略号即可。

需要注意的是，该方法只适用于单行文本的省略，如果需要多行文本省略，最好还是使用 CSS 来实现。