如何在 JavaScript 中使用 css 设置 HTML 元素的背景颜色？
如何在 JavaScript 中使用 css 属性设置 HTML 元素的背景颜色
IT技术
javascript
css
background-color
2021-02-08 11:47:48
6个回答
通常，CSS 属性通过使它们不带任何破折号的驼峰命名转换为 JavaScript。于是background-color变成backgroundColor。
function setColor(element, color)
{
element.style.backgroundColor = color;
}
// where el is the concerned element
var el = document.getElementById('elementId');
setColor(el, 'green');
如果您将所有样式等保留在 CSS 中，而只需在 JavaScript 中设置/取消设置类名，您可能会发现您的代码更易于维护。
你的 CSS 显然是这样的：
.highlight {
background:#ff00aa;
}
然后在 JavaScript 中：
element.className = element.className === 'highlight' ? '' : 'highlight';
var element = document.getElementById('element');
element.style.background = '#FF00AA';
或者，使用一点 jQuery：
$('#fieldID').css('background-color', '#FF6600');
将此脚本元素添加到您的 body 元素中：
<body>
<script type="text/javascript">
document.body.style.backgroundColor = "#AAAAAA";
</script>
</body>
其它你可能感兴趣的问题