How to Change HTML Element Background Color with CSS via JavaScript?

Changing HTML Element Background Color with CSS via JavaScript

The challenge of customizing an element's background color in HTML using CSS through JavaScript arises frequently.

To address this, CSS properties are transformed into JavaScript counterparts by employing camelCase notation and omitting dashes. Consequently, "background-color" becomes "backgroundColor".

Here's a comprehensive code demonstration:

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

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

By employing this methodology, you can effectively alter the background color of HTML elements dynamically using JavaScript.

The above is the detailed content of How to Change HTML Element Background Color with CSS via JavaScript?. For more information, please follow other related articles on the PHP Chinese website!