2017-05-28 73 views
0

我是一个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

[检测DOM中的更改]的可能重复(https://stackoverflow.com/questions/3219758/detect-changes-in-the-dom) –

回答

1

你会更好使用content scripts加载自定义样式表,但是你想与!important以及那台.tweet-text类:

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

希望这有助于!