Wie kann ich die Hintergrundfarbe mit JavaScript ändern?

Kennt jemand eine einfache Methode, um die Hintergrundfarbe einer Webseite mit JavaScript zu ändern?

Lösung

Ändern Sie die JavaScript-Eigenschaft document.body.style.background.

Zum Beispiel:

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

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

Hinweis: Dies hängt ein wenig davon ab, wie Ihre Seite aufgebaut ist. Wenn Sie zum Beispiel einen DIV-Container mit einer anderen Hintergrundfarbe verwenden, müssen Sie die Hintergrundfarbe dieses Containers anstelle des Dokumentkörpers ändern.

Kommentare (0)

Sie brauchen dafür kein AJAX, sondern nur ein einfaches Java-Skript, das die Eigenschaft background-color des body-Elements setzt, etwa so:

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

Wenn Sie es so machen wollen, als ob es vom Server initiiert würde, müssten Sie den Server abfragen und dann die Farbe entsprechend ändern.

Kommentare (1)

Ich würde das nicht wirklich als AJAX bezeichnen. Wie auch immer, etwas wie die folgenden sollte den Trick zu tun:

document.body.style.backgroundColor = 'pink';
Kommentare (0)