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

时间:2017-05-28 18:35:37

标签: javascript jquery html google-chrome-extension

我是一名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个帖子左右工作,直到达到屏幕底部。当动态加载新推文时,脚本不会执行以突出显示新标题。任何人都可以告诉我如何在每次加载新文本时修改此片段以执行脚本?谢谢!

enter image description here

1 个答案:

答案 0 :(得分:1)

您最好使用content scripts加载自定义样式表,同时根据.tweet-text设置!important类:

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

希望这有帮助!