blocks|key|1363777|text|document.deepText=+function(hoo){
++++var+A=+[];
++++if(hoo){
++++++++hoo=+hoo.firstChild;
++++++++while(hoo!=+null){
++++++++++++if(hoo.nodeType==+3){
++++++++++++++++A[A.length]=+hoo.data;
++++++++++++}
++++++++++++else+A=+A.concat(arguments.callee(hoo));
++++++++++++hoo=+hoo.nextSibling;
++++++++}
++++}
++++return+A;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1363778|我对单词的定义相当严格-|unstyled|1363779|function+countwords(hoo){
++++var+text=+document.deepText(hoo).join('+');
++++return+text.match(/[A-Za-z\'\-]%2B/g).length;
}
alert(countwords(document.body))|1363780|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>document.deepText= function(hoo){
 var A= [];
 if(hoo){
 hoo= hoo.firstChild;
 while(hoo!= null){
 if(hoo.nodeType== 3){
 A[A.length]= hoo.data;
 }
 else A= A.concat(arguments.callee(hoo));
 hoo= hoo.nextSibling;
 }
 }
 return A;
}
</code></pre>

I'd be fairly strict about what a word is-

<pre><code>function countwords(hoo){
 var text= document.deepText(hoo).join(' ');
 return text.match(/[A-Za-z\'\-]+/g).length;
}
alert(countwords(document.body))
</code></pre>

blocks|key|1363801|text|或者你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1363802|function+CountWords+(this_field,+show_word_count,+show_char_count)+{
++++if+(show_word_count+==+null)+{
++++++++show_word_count+=+true;
++++}
++++if+(show_char_count+==+null)+{
++++++++show_char_count+=+false;
++++}
++++var+char_count+=+this_field.value.length;
++++var+fullStr+=+this_field.value+%2B+"+";
++++var+initial_whitespace_rExp+=+/%5E[%5EA-Za-z0-9]%2B/gi;
++++var+left_trimmedStr+=+fullStr.replace(initial_whitespace_rExp,+"");
++++var+non_alphanumerics_rExp+=+rExp+=+/[%5EA-Za-z0-9]%2B/gi;
++++var+cleanedStr+=+left_trimmedStr.replace(non_alphanumerics_rExp,+"+");
++++var+splitString+=+cleanedStr.split("+");
++++var+word_count+=+splitString.length+-1;
++++if+(fullStr.length+<2)+{
++++++++word_count+=+0;
++++}
++++if+(word_count+==+1)+{
++++++++wordOrWords+=+"+word";
++++}+else+{
++++++++wordOrWords+=+"+words";
++++}
++++if+(char_count+==+1)+{
++++++++charOrChars+=+"+character";
++++}+else+{
++++++++charOrChars+=+"+characters";
++++}
++++if+(show_word_count+&+show_char_count)+{
++++++++alert+("Word+Count:\n"+%2B+"++++"+%2B+word_count+%2B+wordOrWords+%2B+"\n"+%2B+"++++"+%2B+char_count+%2B+charOrChars);
++++}+else+{
++++++++if+(show_word_count)+{
++++++++++++alert+("Word+Count:++"+%2B+word_count+%2B+wordOrWords);
++++++++}+else+{
++++++++++++if+(show_char_count)+{
++++++++++++++++alert+("Character+Count:++"+%2B+char_count+%2B+charOrChars);
++++++++++++}
++++++++}
++++}
++++return+word_count;
}|code-block|syntax|javascript|1363803|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Or you can do this:

<pre><code>function CountWords (this_field, show_word_count, show_char_count) {
 if (show_word_count == null) {
 show_word_count = true;
 }
 if (show_char_count == null) {
 show_char_count = false;
 }
 var char_count = this_field.value.length;
 var fullStr = this_field.value + " ";
 var initial_whitespace_rExp = /^[^A-Za-z0-9]+/gi;
 var left_trimmedStr = fullStr.replace(initial_whitespace_rExp, "");
 var non_alphanumerics_rExp = rExp = /[^A-Za-z0-9]+/gi;
 var cleanedStr = left_trimmedStr.replace(non_alphanumerics_rExp, " ");
 var splitString = cleanedStr.split(" ");
 var word_count = splitString.length -1;
 if (fullStr.length &lt;2) {
 word_count = 0;
 }
 if (word_count == 1) {
 wordOrWords = " word";
 } else {
 wordOrWords = " words";
 }
 if (char_count == 1) {
 charOrChars = " character";
 } else {
 charOrChars = " characters";
 }
 if (show_word_count &amp; show_char_count) {
 alert ("Word Count:\n" + " " + word_count + wordOrWords + "\n" + " " + char_count + charOrChars);
 } else {
 if (show_word_count) {
 alert ("Word Count: " + word_count + wordOrWords);
 } else {
 if (show_char_count) {
 alert ("Character Count: " + char_count + charOrChars);
 }
 }
 }
 return word_count;
}
</code></pre>

blocks|key|1578991|text|string_var.match(/[%5E\s]%2B/g).length|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1578992|看起来这是一种比|unstyled|1578993|string_var.split(/\s%2B/).length|1578994|至少它不会将"word“算作2个单词--+'word‘而不是'word'，'’。而且它并不需要任何有趣的附加逻辑。|1578995|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>string_var.match(/[^\s]+/g).length
</code></pre>

seems like it's a better method than

<pre><code>string_var.split(/\s+/).length
</code></pre>

At least it won't count "word " as 2 words -- ['word'] rather than ['word', '']. And it doesn't really require any funny add-on logic.

blocks|key|1579032|text|或者只是使用Countable.js来完成困难的工作;)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1579033|entityMap|0|LINK|mutability|MUTABLE|url|http://radlikewhoa.github.io/Countable/^0|6|C|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Or just use <a href="http://radlikewhoa.github.io/Countable/" rel="nofollow">Countable.js</a> to do the hard job ;)

blocks|key|1363880|text|string_var.match(/[%5E\s]%2B/g).length+-+1;|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1363881|entityMap^0|0|13|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>string_var.match(/[^\s]+/g).length - 1;</code>

blocks|key|1363903|text|这应该说明前面和后面的空格|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1363904|const+wordCount+=+document.querySelector('#content').innerText.trim().split(/\s%2B/).length;|code-block|syntax|javascript|1363905|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This should account for preceding &amp; trailing whitespaces
<pre><code>const wordCount = document.querySelector('#content').innerText.trim().split(/\s+/).length;
</code></pre>

I'm wondering if there's a way to count the words inside a div for example. Say we have a div like so:

<pre><code>&lt;div id="content"&gt;
hello how are you?
&lt;/div&gt;
</code></pre>

Then have the JS function return an integer of 4.

Is this possible? I have done this with form elements but can't seem to do it for non-form ones.

Any ideas?

g

Javascript word-count for any given DOM element

例如，我想知道是否有一种方法可以计算div中的字数。假设我们有这样一个div：<div id="content">hello how are you?</div>然后让JS函数返回一个整数4。这个是可能的吗？我已经用表单元素做到了这一点，但似乎不能对非表单元素做到这一点。有什么想法吗？G

问任意给定DOM元素的Javascript字数
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问任意给定DOM元素的Javascript字数EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问任意给定DOM元素的Javascript字数
EN