在javascript中突出显示文本按钮

使用维德情绪分析工具进行NLP，我正在开发一个基本界面，在文本中显示以观点为导向的单词

我得到了HTML格式的输出，我想要一个按钮来切换文档中这些单词的突出显示（由

span

标记标注）。 我试图遵循的工作，但脚本不适用于此代码

我有办法让它工作吗

document.getElementById（“按钮”）.addEventListener（“单击”，函数）（）{
[]forEach.call（document.querySelectorAll（“td”），td=>{
p、 切换（“突出显示”）；
});
this.innerHTML=（this.innerHTML==“Highlight”）？“Unhighlight”：“Highlight”；
})

.blue_1{背景色：#a5c7fd；}
.blue_2{背景色：#8ab7ff；}
.blue_3{背景色：#609bfa；}
.blue(背景色：#3682fc；}
.blue_5{背景色：#136cfc；}
.red_1{背景色：#fca8a8；}
.red_2{背景色：#fa7e7e；}
.red_3{背景色：#fa5e5e；}
.red_4{背景色：#f83c3c；}
.red_5{背景色：#fc1313；}

这本书是
聪明,，
英俊的，
及
有趣的


这本书糟透了

这本书很好。，

今天的SUX！，

今天只有sux！

但是我会过得去的，哈哈，

突出

这是工作代码

document.getElementById("button").addEventListener("click", function() {
  [].forEach.call(document.querySelectorAll("span"), p => {
    p.classList.toggle("highlight");
  });
  this.innerHTML = (this.innerHTML === "Highlight") ? "Unhighlight" : "Highlight";
})

向上投票，如果它有助于您

以下是工作代码

document.getElementById("button").addEventListener("click", function() {
  [].forEach.call(document.querySelectorAll("span"), p => {
    p.classList.toggle("highlight");
  });
  this.innerHTML = (this.innerHTML === "Highlight") ? "Unhighlight" : "Highlight";
})

---

向上投票，如果它有助于您为所有要突出显示并在其上迭代的元素添加一个类。在我的示例中，我已向所有跨度添加了类

word

：

这本书是
聪明,，
英俊、风趣。

这本书糟透了

这本书很好。，

今天的SUX！，

今天只有sux！

但是我会过得去的，哈哈，

突出

这样调整JS：

document.getElementById（“按钮”）.addEventListener（“单击”，函数）（）{
Array.from（document.getElementsByClassName（'word'））.forEach(
span=>span.classList.toggle（“突出显示”）
);
this.innerHTML=（this.innerHTML==“Highlight”）？“Unhighlight”：“Highlight”；
})

---

为所有要高亮显示并迭代的元素添加一个类。在我的示例中，我将class

word

添加到所有跨度：

这本书是
聪明,，
英俊、风趣。

这本书糟透了

这本书很好。，

今天的SUX！，

今天只有sux！

但是我会过得去的，哈哈，

突出

这样调整JS：

document.getElementById（“按钮”）.addEventListener（“单击”，函数）（）{
Array.from（document.getElementsByClassName（'word'））.forEach(
span=>span.classList.toggle（“突出显示”）
);
this.innerHTML=（this.innerHTML==“Highlight”）？“Unhighlight”：“Highlight”；
})

---

p.classList.toggle（“突出显示”）存在一些问题什么是

p

，这就是我得到一个未定义错误的地方。如果你删除

forEach

的代码，它会按预期工作。你需要添加完整的代码。你的要求不清楚。你说你只想更改按钮文本，但你也在用forEach类列表做一些事情。最好给出一些清楚的解释。请求请检查下面我的答案

p.classList.toggle（“突出显示”）有一些问题

什么是

p

，这就是我得到一个未定义错误的地方。如果你删除

forEach

的代码，它会按预期工作。你需要添加完整的代码。你的要求不清楚。你说你只想更改按钮文本，但你也在用forEach类列表做一些事情。最好给出一些清楚的解释。请求请在下面检查我的答案