我想知道是否有办法计算一个div内的单词.说我们有一个像这样的div:
<div id="content"> hello how are you? </div>
然后让JS函数返回一个整数4.
这可能吗?我已经用表单元素做了这件事,但似乎不能为非格式元素做.
有任何想法吗?
G
解决方法
如果你知道DIV只有文本,你可以
KISS:
var count = document.getElementById('content').innerHTML.split(' ').length;
如果div可以在其中有HTML标签,那么您将不得不遍历其子查找文本节点:
function get_text(el) { ret = ""; var length = el.childNodes.length; for(var i = 0; i < length; i++) { var node = el.childNodes[i]; if(node.nodeType != 8) { ret += node.nodeType != 1 ? node.nodeValue : get_text(node); } } return ret; } var words = get_text(document.getElementById('content')); var count = words.split(' ').length;
这与jQuery库用于实现其text()
功能的效果相同. jQuery是一个非常棒的库,在这种情况下不是必需的.但是,如果您发现自己在执行DOM操作或AJAX,那么您可能需要查看.
编辑:
正如Gumbo在评论中所指出的,我们分割上面的字符串的方式将会将两个连续的空格作为一个单词计算.如果你期望这样的事情(即使你不这样做),最好是通过分割正则表达式而不是简单的空格字符来避免这种情况.记住这一点,而不是做上面的分裂,你应该做这样的事情:
var count = words.split(/\s+/).length;
唯一的区别在于我们传递给split功能.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。