Question

如何在click事件中删除应用于文本框的样式类？我正在使用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中获取id。现在，值类似于“#inputTextBoxName”。请帮忙。

Answer 1

您可以使用removeClass();

您可以使用attr();

管理样式

EXP：

$("#yourid").attr("style","float: right");

或使用

删除课程

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

Answer 2

区分大小写

id.className = '';

Answer 3

如果您在单击文本框本身时尝试从文本框中删除该类，则该代码远远超过它所需的时间。

HTML：

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

使用Javascript：

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

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

此外，如果传入对元素的引用，获取其id，然后使用所述id调用document.getElementById()，则最终会对同一元素进行两次引用。是的，它应该有效，但完全没有意义。

如何删除样式一键事件？

3 个答案: