使用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