有没有一种方法可以计算div中的行数并获取前几行的textContent-Javascript

我的目标是获得div中前3行文本内容的长度。例如：

<div id="content" style="width: 100%;  
                line-height: 20px"> 
        <p>hello how are you?</p> 
        <p>hello how are you too?</p> 
        <p>hello how are you john? </p> 
        <p>hello how are you sphia?</p> 
    </div> 

但是，我想知道，在上述情况下，是否有办法找到前3行文本的长度：

 <p>hello how are you?</p> 
            <p>hello how are you too?</p> 
            <p>hello how are you john? </p> 

这在javascript中可能吗？

如果您想在jQuery中实现的话

让p=$（'#content'）。查找（'p'）；
对于（i=0；i<3；i++）{
console.log（$（p[i]）.text（）.length）；
}

你好，你好吗

你好，你好吗

你好，约翰

你好，斯皮亚，你好吗

重复2.5k次。你还没听说过吗？当你计算前三个元素的长度之和时？@Alex:我不明白你的要求？@Tibebes.M:我不知道可运行的代码片段在这里有什么帮助。需要详细说明吗？Ps：我在对的回答中添加了一个快速制作的提琴，使其在元素上也能工作。@WiatroBosy-谢谢你的回答-想知道“`div``中的所有标记是否都是

标记，
让v=p.getElementsByTagName（“p”）在这种情况下不起作用。例：
你好吗？
你好，你好吗？
你好，约翰
你好，斯皮亚怎么样？
有没有一种动态的方式来处理这个问题，而不是硬编码标签？我不明白。试着更好地问这个问题或展示一个例子你可以试着让v=p.getElementsByTagName（“*”）；或document.querySelectorAll（'body*'）；实际上，我在选择器上使用了-
childNodes
，以获得类似数组的循环结构。谢谢
 <p>hello how are you?</p> 
            <p>hello how are you too?</p> 
            <p>hello how are you john? </p> 

var lines = countLines(); // 4
if (lines > 3) {
  test = document.getElementById("content").textContent.length;
// get the length of first 3 lines
}