2017-03-05 7 views
0

私は、ボタンクラスのタイプをbtn ​​btn-successからbtn btn-dangerに変更するような、書かれたjavascript関数を持っています。どうすればいいですか?基本的には、毎回btnクラスを切り替える必要があります。それはのdocument.getElementById( 'btn_modal_Edit')とのdocument.getElementById( 'btn_modal_status')を見つけることができないためasp.netでjavascriptを使用してbtnスタイルを変更するにはどうすればよいですか?

<td> 
        <div id="btn_modal_Edit" class="btn btn-success" runat="server"> 
        <a href='CreateAccount.aspx?Id=<%# Eval("ID")%>&RoleName=<%# Eval("RoleName")%>'>Edit</a> 
        </div> 
        <div id="btn_modal_Status" class="btn btn-success" runat="server"> 
        <a data-toggle="modal" data-target="#myModal" onclick="fun(<%# Eval("ID")%>)">Status</a> 
        </div> 
       </td> 

function fun(id) 
{ 
    document.getElementById('<%= hfId.ClientID%>').value = id; 
    document.getElementById('btn_modal_Edit').className = "btn-danger"; 
    document.getElementById('btn_modal_status').className = "btn-danger"; 
} 

この関数は失敗します。

これを解決するためのアイデアはありますか?

+0

あなたはそれらの要素を確認しましたそれらのIDでありますか?あなたは何らかの理由で 'runat =" server "'としてそれらを持っています。 –

答えて

0

すべてのものはこれで正常に動作している:

document.getElementById("btn_modal_Edit").className = "btn-danger"; 

Working Fiddle

+0

私のために働いていない - これらのタグはすべてasp.net datasource listviewです。 –

+0

Broは、fidlleをチェックします。それは要素を選択し、与えられたスタイルが要素に適用されます –

関連する問題