How can I change the font color of all texts of your website using Javascript?

Question

I learned, that there are ways to change the color of single texts. However I\'d like to find out how to change the color of all texts of my website at one time.

I foun

Answer 1

If you really want to change the color of all text on a web page using Javascript, then I would use the following code

var all = document.getElementsByTagName("*");

for (var i=0, max=all.length; i < max; i++) {
 all[i].style.color = "red";
}

This is text that will change colors!
Other answers will leave this text green.

It's not exactly optimal, but it is robust. This code will change the font/text color of every element. It does this by looping through every element in the webpage and modifying the style of the elements to apply the CSS attribute "color: red;".

It is important to bear in mind that for very large web pages, this method might be a little slow, but it should get the job done.

Note: I am not 100% sure, but circumstantial CSS classes like a:hover might not be affected by this.