javascript形式的不同类（textcolor）

我的问题是，我不能在下面的javascript表单中设置两种不同的文本颜色（通过css类）。标准类为灰色（灰色文本颜色），但一旦有人单击“在此处键入邮件”，要键入的电子邮件颜色文本应为黑色。（黑色班）。有人能帮我吗

<form name="mainform" method="post">
     Your email: <input type="text" size="40" class="grey" name="email" value="{{ fields.email.input }}" onclick="ClearIfAppropriate();">{{ fields.email.error }} &nbsp; <input type="submit" name="submit" value="Go">
</form>
<script type="text/javascript" language="JavaScript"><!--
    var LabelText = "Type your email here";
    if(document.mainform.email.value.length == 0) {
        document.mainform.email.value = LabelText;
    }
    function ClearIfAppropriate() {
        if(document.mainform.email.value == LabelText) {
            document.mainform.email.value = "";
            document.mainform.email.class = "black";
        }
    }
//--></script>

---

要更改的属性为

className

---

请参见此处

要更改的属性为

className

---

请参见此处

这在纯CSS中很容易实现，不需要javascript：

input.grey:focus
{
   color: #000;
}

---

虽然我认为ie在纯CSS中很容易实现，但不需要javascript：

input.grey:focus
{
   color: #000;
}

尽管我认为ie为您的输入提供一个id（id=“idElement”）和

而不是：document.mainform.email.class=“black”

尝试：

document.getElementById（“ideElement”）.setAttribute（“类”、“类名”）

应该这样做。

为您的输入提供一个id（id=“idElement”）和

而不是：document.mainform.email.class=“black”

尝试：

document.getElementById（“ideElement”）.setAttribute（“类”、“类名”）

---

应该这样做。

原因是

class

是一个保留的未来关键字。原因是

class

是一个保留的未来关键字。