javascript - 有没有办法为类中的 div 中的 div 中的类 getElementsbyClassName ？

Question

我正在尝试突出显示网站评论部分中的文本。但是，不能通过 getElementsByClassName 访问包含注释的类。我的代码没有抛出任何错误，只是似乎找不到类。

我认为这可能与所述类在多个其他 div 和类中的事实有关。以下是情况截图：

https://drive.google.com/file/d/1rg2Ni9tHVQCptaozb0Qw5HRRBUwOF0qN/view?usp=sharing

评论类如下所示：

<div class="sc-fAJaQT dGfKUv" dir="auto">This is the comment that `I would like to highlight</div>`

通过我的代码突出显示它不起作用。这是我的代码。

var locator = "sc-fAJaQT dGfKUv";
if( document.readyState !== 'loading' ) {
    console.log( 'document geladen, executing' );
    var paragraphs = document.getElementsByClassName(locator);
    for (elt of paragraphs) {
    elt.style.backgroundColor = '#FF00FF';
  }
} else {
    document.addEventListener('DOMContentLoaded', function () {
        console.log( 'document nicht geladen, warte...' );
        var paragraphs = document.getElementsByClassName(locator);
        for (elt of paragraphs) {
        elt.style.backgroundColor = '#FF00FF';
      }
    });
}

有没有办法得到这个元素？

标签： javascriptgoogle-chrome-extension