如何用javascript来修改text的css风格?

[fffwb]

<input type="text" name="userName" maxlength="32" value="aaaajs" style="WIDTH: 80%" class="inputnotnull">
有上面一个text输入框,我用下面的javascript代码却不能修改它的css风格,不知道如何写能实现?请各位赐教!
document.userForm.userName.class="inputnormal";

[xxuu503]

document.userForm.userName.className="inputnormal";

这样既可

[CnEve]

控件名.className = "css类名";
或者
userName.style.width = "80%";

[捏造的信仰]

该实现在IE和FireFox中有不同的写法。
IE:
var attr = document.createAttribute("class");
attr.value = "inputnormal";
document.userForm.userName.attributes.setNamedItem(attr);

FireFox:
document.userForm.userName.setAttribute("class", "inputnormal");

[全息宇宙]

className