用javascript检测文本省略号

【问题标题】：detect text ellipsis with javascript用javascript检测文本省略号
【发布时间】：2019-06-06 22:00:10
【问题描述】：

我有一个 div，它具有将文本截断一定宽度的 css。文本被省略号截断。但是内部文本是相同的。出于测试目的，我想阅读截断的省略号文本。我可以用js得到截断的省略号文本吗？

@media (max-width: 1129px) {
    #mydiv {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100px;
        display: inline-block;
    }
}

【问题讨论】：

标签： javascript css

【解决方案1】：

没有简单的方法可以做到这一点，您必须通过以下方式使用 JavaScript 手动完成：

计算 div 的可视宽度
获取文本并删除超出此宽度的所有字符

这里也讨论过Get clamped (with ellipsis) textContent from textNode

【讨论】：