如何使用javascript计算DIV中的字符数

Question

您好，我希望能够使用 javascript/jquery 计算 Div 中显示的字符数。例如，

<div id=mydiv>
<p>This is my div!</p>
</div>

我想获取数字 15，因为这是 div 中包含空格的字符数。

谢谢！

Answer 1

$('#mydiv').text().length

应该可以解决问题。

Answer 2

试试这个。我正在修剪以避免内容开头或结尾中出现任何空格。

$.trim($("#mydiv").text()).length

如果你想在计数中保留空格，那么不要修剪它，只需使用它即可。

$("#mydiv").text().length

Answer 3

示例
http://jsfiddle.net/TrMRB/

$("#mydiv p").text().length; 

Answer 4

如果您正在寻找 Vanilla Javascript 解决方案。

这是一个有空格的：

document.querySelectorAll('#mydiv')[0].textContent.length

这是一个没有空格的：

document.querySelectorAll('#mydiv')[0].textContent.replace(/\s/g,'').length