javascript - 仅当文本超过 x 行时才显示文本

Question

我希望将一些文本输出到表格单元格。如果此文本超过 x 行，我会对其进行 trim 并添加一个“查看更多”按钮。

到目前为止一切都很好，问题是当我有一个 y<x 时“查看更多”按钮也在那里文本行。

有没有办法检查文本是否多于/少于 x 行？

Answer 1

你可以根据元素的高度获得行号，如果一行有 10px 高度 10 行有 100px 高度 Vanilla js:

let height = document.getElementById('IdElement').offsetHeight;

Jquery 库:

let height = $('#IdElement').height();

使用这个变量，您可以执行计算行数的逻辑

要直接获得行号，您需要将每一行放在一个标记中，无论是 p、span 还是其他也许最简单的实际上是将其与元素的高度一起使用