我想要改变的元素
<button id="thumb" onfocus="focus()" style="height: 12px; width: 12px; background-color: white; border-radius: 50%; margin: 0 auto; position: relative; top: -3px; left: 50%; box-shadow: 0px 0px 3px #888888;">
</button>
函数调用:
function focus() {
document.getElementById('thumb').style.background-color="blue";
}
错误:
Uncaught ReferenceError: Invalid left-hand side in assignment
我不明白为什么这是一个错误。我想这可能是因为-
符号。它适用于其他样式,例如document.getElementById('thumb').style.width="10px"
有效。
答案 0 :(得分:3)
使用简化样式,您需要使用 camelCase 。 所以用
-lowerCase = Uppercase
例如
background-color : backgroundColor;
font-size : fontSize
function focus() {
document.getElementById('thumb').style.backgroundColor="blue";
}
答案 1 :(得分:1)
试试这个
document.getElementById('thumb').style.backgroundColor="blue";
答案 2 :(得分:1)
替代使用JavaScript的另一种方法是使用CSS来更改焦点上按钮的颜色。
我在下面提供了一个示例,希望它有所帮助。
<强> CSS 强>
.item-input:focus {
background-color: blue;
}
CSS CLASS:确保包含class =“item-input”
<button id="thumb" class="item-input" onfocus="focus()" style="height: 12px; width: 12px; background-color: white; border-radius: 50%; margin: 0 auto; position: relative; top: -3px; left: 50%; box-shadow: 0px 0px 3px #888888;">
</button>