javascript - 如何通过 JavaScript 计算 HTML 正文中的选定单词

Question

我想计算特定单词/短语在 HTML 正文中的出现次数。例如在一个段落中。特别的是我想通过匹配一个变量来计数——它指的是字符串，而不是字符串本身。

下面的代码只返回零。

也许它与 array_values 相关 --> 就像它没有将它视为一个数组。我是初学者，所以每个提示都很重要。

var array_values = document.getElementsByClassName('a'); // <p class="a"> A paragraph that contains some text.

var chosenWord = document.getElementById("input").value; // a word that i would like to count (how many times it occours in paragraph)

var count = 0;
for (var i = 0; i < array_values.length; i++) {
    if (array_values[i] == chosenWord) 
        count++;
}

alert("The word " + chosenWord + "occours " + count + "times");

Answer 1

一个小的改变，它起作用了!更改是在第一个变量的声明中 - 必须添加 innerHTML - 如果没有它，我们将创建一个 [HTML OBJECT](我想)不能用于该目的。感谢创建 trim 和 split 以及 Array 的 Antoine。

var lines = document.getElementById("text").innerHTML.trim().split(" "); // A paragraph that contains some text 

var chosenWord = document.getElementById("input").value; // a word that i would like to count (how many times it occours in paragraph)

var texts = [];
    for (var i=0; i < lines.length; i++) {
    //only push this line if it contains a non whitespace character.
      if (/\S/.test(lines[i])) {
          texts.push($.trim(lines[i]));
      }
    }

alert(JSON.stringify(texts)); // the block is creating an array of words from selected DIV. Alert is just to show you an array.


var count = 0;
for (var i = 0; i < texts.length; i++) {
    if texts[i] == chosenWord) 
        count++;
}

alert("The word " + chosenWord + "occours " + count + "times");