javascript - 夜间监视更改 textContent 或 innerHTML 的值

Question

我有以下标记，我需要能够更改这些项目的 textContent 的值:

<div class=".react-grid-HeaderCell-sortable">Jamie</div>
<div class=".react-grid-HeaderCell-sortable">Hutber</div>
<div class=".react-grid-HeaderCell-sortable">Stackoverflow</div>

我知道如何更改输入字段的值，但目前不知道如何更改文本，或许可以使用自定义命令？

用于输入

  .setValue('.someSelector', 'anewString')

Answer 1

 Array.from(document.getElementsByClassName('react-grid-HeaderCell-sortable'))
     .forEach(x => x.innerHTML = 'new text')

解释: document.getElementsByClassName 返回一个 HTMLCollection，需要使用 Array.from 将其转换为数组才能迭代。

为了修改div 的文本，您需要设置innerHTML 属性。请注意 innerHTML 可以替换为 textContent，有关差异的更多信息，请参阅 W3C 文档。