如何统计一篇文章的字数

大家好我是图恩，我们经常看到一些文章会显示字数和阅读完大概几分钟这个功能，提前给读者一个信息可以让读者决定是否继续阅读。

这个功能虽然看起来就是统计字数，但是其实也比较麻烦，因为一般情况下文章的内容属于富文本，富文本通常是一段包含文字、图片的字符串，而且里面是包含一些html标签的，如果要统计字数需要去除这些无效的内容，当然你可以在实现统计的时候通过正则表达式去掉这些标签，但是可能并不能完全去除掉从而导致字数统计并不是很准确。

我在自己的网站上简单实现了这个功能，其实就是采用html原生的textContent属性实现。

document.querySelector(".w-e-text").textContent.length

思路就是在文章编辑的时候监听change事件，获取编辑区域class下的textContent属性，这个属性会返回指定dom节点下下文本的内容，我们再获取文本的长度最终得到的就是文本的长度，然后在保存文章的时候讲字数一并提交保存到数据库，查看文章的时候就直接取该字段即可，这样既不用通过正则也不用通过代码从而简单快速地实现统计字数功能，大概看了一些统计的字数，总体上没有太大的偏差。

本文章由javascript技术分享原创和收集