How to change webpage background color using javascript

Last updated on November 23rd, 2022 at 01:47 pm

This tutorial is moved to how to loop/cycle background color using Javascript automatically

13 Comments

  1. Ben

    Hi, my friend showed me that you can use javascript to change things in your browser by doing stuff like javascript:”Hi” and that, but I forgot how to change the background color, not of your website, but turn your browser window into a solid color. Help, please?

    • admin

      You cannot change your browser color as far as i know, you can just change your web-page background.

      • puneet

        hii…. this tutoorial is not working on google crome… plz help me out

        • admin

          It should work. Can you please let me know which version of google chrome you are using.

  2. alan whitfield

    I tried to copy this code in, but it didnt work. Thought it might have been due to css attachment so got rid of that but still not working, any suggestions?

    • admin

      Hello Alan,
      Thanks for your comment, Please check now, I have made the code much easier for copy paste.[Previously some extra character was popping up while copying and that might prevented the code from working, fixed it]
      Please let me know if you have any issues.

  3. หางานหาดใหญ่

    Nice information. I like it. Thank

  4. Jump

    Hello, I find your article useful… However I also need to change the font color along with the background color & also I wonder if you can change the bg color for other div within the same page as well… Is there a way to do that? Thanks. 🙂

    • admin

      Hello,
      Thanks for your comment.
      Yes you can do that by using this attribute document.getElementById(‘YOUR DIV NAME’).style.backgroundColor = “YOUR COLOR”

  5. Takashi

    Thank you for this tutorial.

    How would this be done by having only one link that cycles through several background colours?

    Thanks!
    Takashi

  6. frank pepper

    i have done web development long ago, but now have a friend who is color blind, and i am wondering if there is any way to change colors/text from the user side

    thankx

    • admin

      Hello Frank,
      If that is the case check our New Tutorial Here, It will ask the users which color they need on the website. This should help 🙂