访问使用无限动态滚动的网站元素

Question

我是 javascript 新手，但我正在尝试创建一个简单的 Chrome 浏览器扩展程序，以突出显示 twitter 上的文章文本。这个脚本

function myFunction() {
var myNodelist = document.getElementsByClassName("tweet-text");

    for(var i=0; i<myNodelist.length; i++)
        myNodelist[i].style.backgroundColor = "red"
}
var x = myFunction();

将抓取文章文本并以红色突出显示（见附图）。但问题是，这仅适用于前 10 个左右的帖子，直到到达屏幕底部。当动态加载新推文时，脚本不会执行以突出显示新标题。谁能告诉我如何修改这个 sn-p 以在每次加载新文本时执行脚本？谢谢！

Answer 1

您最好使用content scripts 加载自定义样式表，该样式表设置.tweet-text 类，但您也可以使用!important：

.tweet-text {
     background: red !important;
}

希望这会有所帮助！