Zugriff auf Website-Elemente, die unendlich dynamische Bildlauf verwenden

Question

Ich bin ein Javascript-Neuling, aber ich versuche, eine einfache Chrome-Browser-Erweiterung zu erstellen, die Artikel Text auf Twitter hervorhebt. Dieses Skript

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

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

wird den Artikeltext und markieren Sie es in rot (siehe beigefügtes Bild). Das Problem ist jedoch, dass dies nur bei den ersten ~ 10 Posts oder so funktioniert, bis der untere Bildschirmrand erreicht ist. Wenn neue Tweets dynamisch geladen werden, wird das Skript nicht ausgeführt, um die neuen Überschriften hervorzuheben. Kann mir jemand sagen, wie ich dieses Snippet modifizieren kann, um das Skript jedes Mal auszuführen, wenn neuer Text geladen wird? Vielen Dank!

Answer 1

Sie besser dran content scripts verwenden würde eine benutzerdefinierte Stylesheet zu laden, die die .tweet-text Klasse setzt jedoch Sie mit !important wollen auch:

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

hoffe, das hilft!