javascript - 更改类名但不反射(reflect)结果

Question

我使用 twitter bootstrap 编写以下内容来形成验证，如果错误应该更改帮助文本并更改类名称，但它似乎不会更改结果。(背景应该是红色)。

警报结果为alertalert-error。

我该如何解决这个问题？提前谢谢。

html

<label>Account</label>
<input id="stdAccount" name="account" type="text" value="" class="input-xlarge" onblur="validateAccountAndID(this,document.getElementById('stdAccountHelp'));">     
<div class="" id="stdAccountHelp"></div>

js

function validateAccountAndID (inputField, helpText) {
    if(!validateNonEmpty(inputField, helpText))return false;
    else {
        var regex = /^\d{1,10}$/;
        if(!regex.test(inputField.value)){
            helpText.classname = 'alert alert-error';
            helpText.innerHTML = "Only allow <= 10 numbers!";
            alert(helpText.classname);
            return false;
        }
    }
        helpText.classname = '';
        helpText.innerHTML = "";
        return true;    
}

Answer 1

我认为应该是:

 helpText.className = 'alert alert-error';

className 是获取/设置 dom 元素的类的属性，而不是 classname。