javascript - 用javascript检测文本省略号

Question

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

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

标签： javascriptcss

Answer 1

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

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

这里也讨论过从 textNode 获取钳位（带省略号）textContent