javascript - 计算 HTML 段落中的字数

Question

我有一个 HTML 文件，其中有几个段落具有相同的类“profile-value”。我想使用 JavaScript 创建一个字数统计，可以计算每个段落的所有字数。我已经尝试过:

var profile_values = document.getElementsByClassName('profile-value');
var total_words = 0;
for (var i = 0; i > profile_values.length; i++) {
    total_words += profile_values[i].length;
};

然后使用innerHTML调用总计:

document.getElementById('word-count').innerHTML = total_words;

我发现迭代 Nodelists 相当麻烦，但在尝试上述代码之前我也尝试将 Nodelist 转换为数组，但同样无济于事。希望你们能对此有所了解吗？

Answer 1

这个怎么样？ https://jsfiddle.net/rrex0gju/

function getWordCounts(nodeList) {
    var wordCount = 0;
    for ( var i = 0; i < nodeList.length; i++ ) {
        wordCount += nodeList[i].textContent.trim().split(' ').length;
    }
    return wordCount;
}

document.querySelector('span').textContent = getWordCounts(document.querySelectorAll('p'));