使用Javascript计算HTML中的行数

使用Javascript计算HTML中的行数,javascript,html,Javascript,Html,我需要一种方法来计算html中的行数,这样我就可以根据业务需求进行逻辑处理 我使用Bootstrap+AngularJS,但解决方案可以是纯Javascript 我不知道从哪里开始。有什么帮助吗 .myClass{ 单词break:打破一切; 空白:行前; } aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

我需要一种方法来计算html中的行数,这样我就可以根据业务需求进行逻辑处理

我使用Bootstrap+AngularJS,但解决方案可以是纯Javascript

我不知道从哪里开始。有什么帮助吗

.myClass{ 单词break:打破一切; 空白:行前; } aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
总行数:getclientracts在这里很有用

元素接口的getClientRects方法返回DOMRect对象的集合,这些对象指示客户端中每个CSS边框的边界矩形

$totalLines.text$.myClass[0].getClientRects.length; console.log$.myClass[0].getClientRects.length; $document.readyfunction{ $window.resizefunction{ 触发console.logResize事件; $totalLines.text$.myClass[0].getClientRects.length; }; }; .myClass{ 单词break:打破一切; 空白:行前; } aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
总行数:计算行高,然后将总内容高度除以行高?业务需求是什么?听起来是个奇怪的要求。也许有更好的方法来解决根本问题。@evolutionxbox我尝试过,但线宽为空。您应该将此失败的尝试添加到您的问题中。请展示您如何使用线宽?看起来不错。但是,如果用户更改浏览器的宽度/高度怎么办。我怎样才能知道并重新计算?@user12361681您必须在调整窗口大小时使用它。