javascript - 你如何使用 javascript 更改 <input> 元素的背景颜色

Question

我有一个 <input>我想更改背景颜色的元素。我目前使用的代码是这样的(但它不工作):

var allBlanksLoc = document.getElementById('text');
var allBlanks = allBlanksLoc.getElementsByTagName('input');

for(i=0; i<allBlanks.length; i++) {
var currentBlank = allBlanks[i];
var wordNum = blanks[i];
var blankWord = text[wordNum];
var usrAnswer = currentBlank.value;

if (usrAnswer != blankWord) {
currentBlank.style.backgroundColor = "red";
}
}

倒数第三行最重要

更新:

我在上面修复了 camelCase，但它仍然不起作用。那里有错误的想法吗？

完整代码在这里:http://jsbin.com/imolo3/edit

Answer 1

大小写很重要。你需要的是

document.getElementById('test').style.backgroundColor='red';

但是

最好使用 css 规则并仅使用 javascript 将类添加到元素。

CSS 规则

input.invalid {
    background-color: red;
}

Javascript

element.className = 'invalid';