使用javascript检测文本省略

Question

我有一个div，它有一个css来截断特定宽度的文本。文本被省略号截断。但是，内部文本是相同的。出于测试目的，我希望读取截断的省略号文本。我能用js得到截断的省略号文本吗？

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

Answer 1

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

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

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