Πώς μπορώ να αλλάξω το χρώμα φόντου με JavaScript;

Γνωρίζει κανείς μια απλή μέθοδο για την αλλαγή του χρώματος φόντου μιας ιστοσελίδας χρησιμοποιώντας JavaScript;

Λύση

Τροποποιήστε την ιδιότητα JavaScript document.body.style.background.

Για παράδειγμα:

function changeBackground(color) {
   document.body.style.background = color;
}

window.addEventListener("load",function() { changeBackground('red') });

Σημείωση: αυτό εξαρτάται λίγο από τον τρόπο με τον οποίο είναι δομημένη η σελίδα σας, για παράδειγμα, αν χρησιμοποιείτε ένα δοχείο DIV με διαφορετικό χρώμα φόντου, θα πρέπει να τροποποιήσετε το χρώμα φόντου αυτού αντί για το σώμα του εγγράφου.

Σχόλια (0)

Δεν χρειάζεστε AJAX για αυτό, απλά κάποιο απλό σενάριο java που ορίζει την ιδιότητα background-color του στοιχείου body, όπως αυτό:

document.body.style.backgroundColor = "#AA0000";

Αν θέλετε να το κάνετε σαν να ξεκίνησε από τον διακομιστή, θα πρέπει να κάνετε poll στον διακομιστή και στη συνέχεια να αλλάξετε το χρώμα ανάλογα.

Σχόλια (1)

Δεν θα το χαρακτήριζα πραγματικά ως "AJAX". Εν πάση περιπτώσει, κάτι σαν το ακόλουθο θα πρέπει να κάνει το κόλπο:

document.body.style.backgroundColor = 'pink';
Σχόλια (0)