如何计算 DOM 元素内的文本行数？

要计算 DOM 元素内的文本行数，我们将使用以下方法。

1. 获取 DOM 元素内内容的总高度。
2. 获取一行的高度。
3. 通过将内容的总高度除以一行的高度，您可以获得元素内的总行数。

例子：

html

  

    Count lines 

  

    
        GeeksForGeeks
    
  
    
        hello how are you?
        hello how are you?
        hello how are you? 
        hello how are you?
    
  
    
        Count lines
    
  
    
  
        // Function to count total
        // number of lines
        function countLines() {
  
            // Get element with 'content' as id                            
            var el = 
                document.getElementById('content');
  
            // Get total height of the content    
            var divHeight = el.offsetHeight
  
            // object.style.lineHeight, returns 
            // the lineHeight property
            // height of one line 
            var lineHeight = 
                parseInt(el.style.lineHeight);
  
            var lines = divHeight / lineHeight;
            alert("Lines: " + lines);
        }
    

  

• 点击按钮前：
• 点击按钮后：