2017-05-28 71 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; 
} 

希望這有助於!