javascript - 如何获取div的非溢出内容的长度

Question

我有 div，文本内容很大。并且它使用 . 仅在框内显示内容overflow:hidden。

现在我怎样才能得到盒子内这个可见内容的长度（没有字符），即非过度内容。

Answer 1

没有万无一失的方法可以检测到这一点。可见文本的数量取决于各种因素，例如使用的字体、行高、字母间距等。如果字体在整个文本中是统一的并且是等距的，那么您可以使用 char-width 和高度来获得这个，但它在浏览器中不太可能是完美的。

Answer 2

如果您在 上设置了高度，则div您已经有了数字。div但是如果你不这样做，你应该得到使用 JS 函数的高度。无论隐藏多少内容，div你能看到的就是它的高度。

就像 JS 中的所有其他作品一样，如果您想让它轻松地在所有浏览器上运行，您应该使用框架。例如，在Prototype中，您可以这样称呼：

$("DIV_ID").getHeight();

替换DIV_ID为 div 的 id 属性。