Gat*_*ler 109 javascript css background-color
如何使用JavaScript设置HTML元素的CSS背景颜色？
Dav*_*ier 152
通常,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');
Ian*_*ley 29
如果您在CSS中保留所有样式等,并且只是在JavaScript中设置/取消设置类名,您可能会发现代码更易于维护.
你的CSS显然是这样的:
.highlight {
background:#ff00aa;
}
然后在JavaScript中:
element.className = element.className === 'highlight' ? '' : 'highlight';
tag*_*s2k 24
var element = document.getElementById('element');
element.style.background = '#FF00AA';
Wal*_*ess 20
或者,使用一点点jQuery:
$('#fieldID').css('background-color', '#FF6600');
将此脚本元素添加到body元素:
<body>
<script type="text/javascript">
document.body.style.backgroundColor = "#AAAAAA";
</script>
</body>
小智 6
var element = document.getElementById('element');
element.onclick = function() {
element.classList.add('backGroundColor');
setTimeout(function() {
element.classList.remove('backGroundColor');
}, 2000);
};.backGroundColor {
background-color: green;
}<div id="element">Click Me</div>你可以试试这个
var element = document.getElementById('element_id');
element.style.backgroundColor = "color or color_code";
例子。
var element = document.getElementById('firstname');
element.style.backgroundColor = "green";//Or #ff55ff
| 归档时间： |
|
| 查看次数： |
165015 次 |
| 最近记录： |