javascript button.style.backgroundColor返回“&引用;直到点击

javascript button.style.backgroundColor返回“&引用;直到点击,javascript,css,Javascript,Css,函数chgBkColor(v){ v、 style.backgroundColor==“rgb(255,255,255)”? v、 style.backgroundColor=“#50AAD7”: v、 style.backgroundColor=“#fff” }; .dowBtn{ 背景色:#fff; 边界半径:0.7em; 边框:1px实心#ddd; } Su它不起作用,因为您没有初始化颜色,因此它不等于任何值,因此它应用白色: <button onclick='chgBkColor(

函数chgBkColor(v){
v、 style.backgroundColor==“rgb(255,255,255)”?
v、 style.backgroundColor=“#50AAD7”:
v、 style.backgroundColor=“#fff”
};
.dowBtn{
背景色:#fff;
边界半径:0.7em;
边框:1px实心#ddd;
}

Su
它不起作用,因为您没有初始化颜色,因此它不等于任何值,因此它应用白色:

<button onclick='chgBkColor(this);' id="su" class="dowBtn" style="background-color: #fff">Su</button>
.dowBtn{
背景色:#fff;
边界半径:0.7em;
边框:1px实心#ddd;
}

Btn 1
之所以发生这种情况,是因为按钮背景的值未定义。请重新排列代码并设置背景,如下所示:

<button onclick='chgBkColor(this);' id="su" class="dowBtn">su</button>
<script>
document.getElementById("su").style.backgroundColor = "rgb(255, 255, 255)"
function chgBkColor(v) {
v.style.backgroundColor === "rgb(255, 255, 255)" ?
        v.style.backgroundColor = "#50AAD7" :
                v.style.backgroundColor = "#fff"
};
</script>
su
document.getElementById(“su”).style.backgroundColor=“rgb(255,255,255)”
函数chgBkColor(v){
v、 style.backgroundColor==“rgb(255,255,255)”?
v、 style.backgroundColor=“#50AAD7”:
v、 style.backgroundColor=“#fff”
};

您希望它返回什么?尝试使用计算样式。。。。。使用
var bgcolor=window.getComputedStyle(v,null).getPropertyValue(“背景色”)@Teemu更改背景color@Víñị电视ịłłă-虽然我想获得背景色,但我也想改变它。请注意,内联
style
与CSS样式表不同,样式表不会初始化内联样式对象。我用样式更新了它。这会改变什么吗?您所做的是将按钮默认为白色,然后获得一个不存在的样式
。style.xxx
是直接应用于元素的样式,而不是应用于类。这就是它这样做的原因。@JohnSmith我做了一些改变,看一看