Question

How can i remove the style class applied to a textbox on the click event? I’m calling the textbox element using getElementsByName(). Here’s my code:

<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 = "";
                }
}

In the above script, im not getting the id in the variable id. Right now the values are like “#inputTextBoxName”. Please help.

Answer 1

you can use removeClass();

you can manege your styling using attr();

exp:

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

or remove class using

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