Javascript 如何删除样式一键式事件？

如何在单击事件中删除应用于文本框的样式类？我正在使用getElementsByName（）调用textbox元素。这是我的密码：

<input id="userNameExists" name="popUpText" class="pop-upText" onclick="clearText(this);" />

function clearText(element)
{
                id = element.getAttribute("id");
                var textElement = document.getElementById(id);
                textElement.value = "";
                var element = document.getElementsByName("popUpText");
                var count = 0;
                for (count = 0; count < 2; count++) {
                    var id = element.item(count);
                    id.classname = "";
                }
}

函数明文（元素）
{
id=element.getAttribute（“id”）；
var textElement=document.getElementById（id）；
textElement.value=“”；
var元素=document.getElementsByName（“popUpText”）；
var计数=0；
用于（计数=0；计数<2；计数++）{
变量id=元素项（计数）；
id.classname=“”；
}
}

---

在上面的脚本中，我没有得到变量id中的id。现在的值类似于“#InputExtBoxName”。请帮助。

它区分大小写，因此

id.className = '';

---

您可以使用

removeClass（）

您可以使用
attr（）管理您的样式

经验：

或者使用

$("#yourid").removeClass("yourClass");

如果您试图在单击文本框本身时从文本框中删除该类，那么该代码远远超出了需要的长度

HTML:



Javascript:

<script>
function clearText(element) {
    element.className = '';
    element.value = '';
}
</script>


函数明文（元素）{
element.className=''；
element.value=''；
}

也就是说，内联事件处理程序（即在HTML元素上声明
onclick
属性）是一种不好的做法

此外，如果传入对元素的引用，获取其id，然后使用所述id调用
document.getElementById（）
，则最终会得到对同一元素的两个引用。是的，它应该可以工作，但完全没有意义。
要了解如何使用jQuery执行此操作，请检查以下内容：函数的前两行是多余的：函数的
元素
参数已经包含对单击元素的引用，因此获取其id，然后将其传递给
getElementById（）
只获取对同一事物的引用，使得
元素
和
文本元素
指向相同的输入。此外，我还避免（重新）声明与参数同名的变量。最后，
.classname
应该是
.classname
（大写N）。当与getElementsByName一起使用时，我如何重置该类，如下element=document.getElementsByName（“popUpText”）；id=element。项（0）将返回id。对于变量“id”，如何重置类？如果要从变量id=$（“#”+id）中删除类。removeClass（“yourClass”）；
<input type="text" id="userNameExists" name="popUpText" class="pop-upText" onclick="clearText(this);" /> 

<script>
function clearText(element) {
    element.className = '';
    element.value = '';
}
</script>