请问如何动态设置一个input text的样式？

比如：有一个文本框
<input type="text" name="expire" class="c1">
现在我想用javascript去修改class为"c2"，请问如何做？

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <style>
    .c1
    {
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    COLOR: #000000;
    FONT-FAMILY: 宋体;
    FONT-SIZE: 9pt
    } .c2
    {
    COLOR: #ff0000;
    FONT-FAMILY: 宋体;
    FONT-SIZE: 16pt
    }
      </style><SCRIPT LANGUAGE="JavaScript">
    function changeClass() {
    var sClass = document.getElementById("expire").className;
    if (sClass=="c1")
    {
    document.getElementById("expire").className = "c2";
    } else {
    document.getElementById("expire").className = "c1";
    }

    }</SCRIPT>
     </HEAD> <BODY>
      <input type="text" name="expire" class="c1">
    <br>
    <INPUT TYPE="button" onClick="changeClass()" value="测试">
     </BODY>
    </HTML>
      

  2.   

    document.getElementById("expire").className="c2"