スタイルワンクリックイベントを削除するには？

Question

クリックイベントでテキストボックスに適用されるスタイルクラスを削除するにはどうすればよいですか？私は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

あなたはattr();

EXP使ってスタイリングを馬術学校できるので大文字と小文字が区別されます：

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

または

を使用してクラスを削除します

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

Answer 2

それはあなたがremoveClass();

を使用することができます

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()を呼び出すと、同じ要素への参照が2つになります。はい、それは動作するはずですが、まったく意味がありません。