0

I'm a javascript novice, but am trying to create a simple Chrome browser extension which highlights article text on twitter. This script

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

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

will grab the article text and highlight it in red (see the attached picture). The problem is, though, that this will only work on the first ~10 posts or so, until the bottom of the screen is reached. When new tweets are dynamically loaded, the script doesn't execute to highlight the new headlines. Can anyone tell me how I can modify this snippet to execute the script every time new text is loaded? Thanks!

enter image description here

Community
  • 1
  • 1
degravek
  • 87
  • 6
  • 1
    Possible duplicate of [Detect changes in the DOM](https://stackoverflow.com/questions/3219758/detect-changes-in-the-dom) – Scott Marcus May 28 '17 at 18:40

1 Answers1

1

You'd be better off using content scripts to load a custom style sheet that sets the .tweet-text class however you want with !important as well:

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

Hope this helps!

Alessi 42
  • 1,112
  • 11
  • 26