Wie ändere ich die Hintergrundfarbe von HTML-Elementen mit CSS über JavaScript?

Ändern der Hintergrundfarbe eines HTML-Elements mit CSS über JavaScript

Die Herausforderung, die Hintergrundfarbe eines Elements in HTML mithilfe von CSS über JavaScript anzupassen, stellt sich häufig.

Um dieses Problem zu beheben, werden CSS-Eigenschaften in JavaScript-Gegenstücke umgewandelt, indem die CamelCase-Notation verwendet und Bindestriche weggelassen werden. Folglich wird „Hintergrundfarbe“ zu „Hintergrundfarbe“.

Hier ist eine umfassende Codedemonstration:

function setColor(element, color)
{
    element.style.backgroundColor = color;
}

// where el is the targeted element
var el = document.getElementById('elementId');
setColor(el, 'green');

Mit dieser Methode können Sie die Hintergrundfarbe von HTML-Elementen dynamisch ändern JavaScript.

Das obige ist der detaillierte Inhalt vonWie ändere ich die Hintergrundfarbe von HTML-Elementen mit CSS über JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!