获取div中的行数

Question

我试图找到像jsfiddle这样的div中的行数，但不是返回5而是给了我9.知道这里有什么问题

var lines = document.getElementById('ptest').textContent;  
alert(lines.split(/\r\n|\r|\n/).length);

P.S。 - 我也想用代码读取段落中的行数

Answer 1

尝试filter(String)删除空数组

var len=document.getElementById('ptest').textContent.split(/\n/).filter(function(a){ var b = a.replace(/ /g,''); return (typeof(b) == 'string' &&  b != '')}).length

alert(len)

Answer 2

之后你可能会有一些额外的换行符 打开div或关闭div之前。

<div>

asd asda sdf
asd
sdsa sada</div>

会为您提供 5 输出。

，而

<div>asd asda sdf
asd
sdsa sada</div>

将为您提供正确的输出3