Wie ändere ich das Hintergrundbild eines Div mithilfe von JavaScript und bedingten Anweisungen dynamisch?

So ändern Sie das Hintergrundbild eines div-Elements in JavaScript

Frage:

Sie möchten den Hintergrund ändern Bild eines div-Elements mit dem Klassennamen „ghor“ unter Verwendung von JavaScript und bedingten Anweisungen. Ihr aktueller Code zeigt jedoch einen Fehler an, wenn Sie versuchen, el.url zum Überprüfen und Ändern der Bildquelle zu verwenden.

Erklärung:

Um das Hintergrundbild dynamisch zu ändern Wenn Sie mithilfe von JavaScript ein div-Element erstellen möchten, können Sie den folgenden Code verwenden:

<code class="js">document.getElementById("a").style.backgroundImage = "url(image_path.jpg)";</code>

In diesem Fall würde der Code auf das div-Element mit der ID „a“ abzielen und dessen Eigenschaft „backgroundImage“ auf den angegebenen Bildpfad festlegen.

Überarbeiteter Code mit If-Else-Bedingung:

Um eine If-Else-Bedingung zum Ändern des Hintergrundbilds basierend auf einer bestimmten Bedingung zu implementieren, können Sie Ihren Code wie folgt ändern folgt:

<code class="js">var el = document.getElementById("a");
if (el.style.backgroundImage.includes("Black-Wallpaper.jpg")) {
  el.style.backgroundImage = "url(cross1.png)";
} else if (el.style.backgroundImage.includes("cross1.png")) {
  alert("This is working too.");
}</code>

Dieser überarbeitete Code prüft, ob das Hintergrundbild des Klassen-Div „ghor“ auf „Black-Wallpaper.jpg“ oder „cross1.png“ eingestellt ist, und ändert es entsprechend. Wenn keine der beiden Bedingungen erfüllt ist, wird die Warnmeldung „Das funktioniert auch“ angezeigt. wird angezeigt.

Das obige ist der detaillierte Inhalt vonWie ändere ich das Hintergrundbild eines Div mithilfe von JavaScript und bedingten Anweisungen dynamisch?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!