能不能用js控制input的class属性

当然可以了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title><script type="text/javascript">
function xy(){
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
  if (inputs[i].type == "text" || inputs[i].type == "password") {
   inputs[i].className = "dd";
  }
}
}
</script>
<style type="text/css">
<!--
.dd {
font-family: "宋体";
border-top-color: #003399;
border-right-color: #003399;
border-bottom-color: #003399;
border-left-color: #003399;
}
-->
</style>
</head><body onload="xy()">
<input type="text" name="t" id="t" />
</body>
</html>

解决方案 »

  1.   

    textfeild.className= "你的样式名"
      

  2.   

    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
      if (inputs[i].type == "text" || inputs[i].type == "password") {
        inputs[i].style.backgroundColor = 'red';
      }
    }
      

  3.   

    inputs[i].className = ''; 
     inputs[i].style.backgroundColor = 'red'; 
    都可以，你自己选择的用
      

  4.   

    更改className即可．注意N是大写的。
      

  5.   

    inputs[i].className == "你所定义的CSS"；
      

  6.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title><script type="text/javascript">
    function xy(){
    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
      if (inputs[i].type == "text" || inputs[i].type == "password") {
       inputs[i].className = "dd";
      }
    }
    }function cc(){
    alert('aaa');
    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
      if (inputs[i].type == "text" || inputs[i].type == "password") {
       inputs[i].className = "cc";
      }
    }
    }
    </script>
    <style type="text/css">
    <!--
    .dd {
        font-family: "宋体";
    border:red;
    }.cc{
    border:blue;
    }
    -->
    </style>
    </head><body onload="xy()">
    <input type="text" name="t" id="t" />
    <input type="button" name="f" onclick="cc()" />
    </body>
    </html>
      

  7.   

    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i < inputs.length; i++) {
      if (inputs[i].type == "text" || inputs[i].type == "password") {
        "这里应该怎么写?"//inputs[i].className ="";
      }
    }