如何在 JavaScript 中使用 css 属性设置 HTML 元素的背景色

javascript css background-color

2022-08-30 04:36:58

如何在JavaScript中使用css设置HTML元素的背景颜色？

答案 1

通常，CSS属性通过使它们成为没有任何破折号的camelCase来转换为JavaScript。所以成为.background-colorbackgroundColor

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

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

答案 2

您可能会发现，如果您将所有样式等保留在CSS中，并且只是在JavaScript中设置/取消设置类名，那么您的代码将更易于维护。

你的CSS显然是这样的：

.highlight {
    background:#ff00aa;
}

然后在 JavaScript 中：

element.className = element.className === 'highlight' ? '' : 'highlight';