Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich die Hintergrundfarbe einer Webseite mit JavaScript ändern?

DDD
Freigeben: 2024-11-14 18:39:02
Original
588 Leute haben es durchsucht

How can I change the background color of a webpage using JavaScript?

Ändern der Hintergrundfarbe mit JavaScript

Das Ändern der Hintergrundfarbe einer Webseite mit JavaScript ist eine unkomplizierte Aufgabe. So geht's:

Lösung:

  1. Auf den Dokumenttext zugreifen: Verwenden Sie die Eigenschaft document.body.
  2. Hintergrundstil ändern: Legen Sie die Hintergrundeigenschaft von document.body.style fest. Um es beispielsweise auf Rot zu setzen, verwenden Sie document.body.style.background = 'red'.

Hier ist eine Beispielfunktion, um dies zu erreichen:

function changeBackground(color) {
   document.body.style.background = color;
}
Nach dem Login kopieren

Um die aufzurufen Fügen Sie mit dieser Funktion den folgenden Code zum Onload-Ereignis der Seite hinzu Handler:

window.addEventListener("load",function() { changeBackground('red') });
Nach dem Login kopieren

Hinweis:

Beachten Sie die Struktur der Seite. Wenn der Hintergrund auf einen bestimmten DIV-Container eingestellt ist, müssen Sie dessen Hintergrundfarbe anstelle des Dokumentkörpers ändern.

Das obige ist der detaillierte Inhalt vonWie kann ich die Hintergrundfarbe einer Webseite mit JavaScript ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage