如何在JavaScript中使用css设置HTML元素的背景色?
发布于 2008-08-06 12:25:55
通常,CSS属性通过不带任何破折号的camelCase转换为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');
发布于 2008-08-19 11:59:40
如果你把所有的样式等都放在CSS中,只用JavaScript设置/取消设置类名,你可能会发现你的代码更易维护。
你的CSS显然应该是这样的:
.highlight {
background:#ff00aa;
}
然后在JavaScript中:
element.className = element.className === 'highlight' ? '' : 'highlight';
发布于 2008-08-06 12:25:14
var element = document.getElementById('element');
element.style.background = '#FF00AA';
https://stackoverflow.com/questions/3319
复制相似问题