ボタンがJavaScript内で機能しない

Question

htmlボタンでクリックをjavascriptで実行しようとしていますが、動作させることができません。

これは私がjavascriptをクリックしようとしているボタンです（私はそれをクリックしたとき、それは動作します）

<button id="btnClean" runat="server" type="button" class="btn btn-warning btn-cons m-b-10" onserverclick="btnClean_Click"> 
    <i class="fa fa-trash-o"></i> 
    <span class="bold m-l-3">Limpar</span> 
</button> 

これはjavascript関数を呼び出すボタンです：

<button id="btnCreateOS" type="button" class="btn btn-success btn-cons m-b-10" onclick="Clean();"> 
    <i class="fa fa-save"></i> 
    <span class="bold m-l-3">Criar</span> 
</button> 

そして、これjavascript（.aspxの<form>タグの下にあります）：

<script type="text/javascript">   

    function Clean() { 

     document.getElementById("btnClean").click(); 

    } 

</script> 

そして最後に、これはasp方法である：私が間違ってやっている

public void btnClean_Click(object sender, EventArgs e) 
{ 
    CleanFields(); 
} 

任意のアイデア？

Answer 1

どのようなことが起きているのですが、マスターページとコンテンツページを使用しているときは、デフォルトの動作に従ってIDが常に変更されます。

function Clean() { 
     //document.getElementById("btnClean").click() 

     document.getElementById('<%= btnClean.ClientID %>').click(); 
    } 

あなただけのClientIDMode = "静的"を追加する別の解決策。あなたのボタンで

<button id="btnClean" runat="server" clientidmode="Static" type="button" class="btn btn-warning btn-cons m-b-10" onserverclick="btnClean_Click"> 
     <i class="fa fa-trash-o"></i> 
     <span class="bold m-l-3">Limpar</span> 
    </button> 

...

次に、あなたの現在のjavascriptのコードも動作します。..

function Clean() { 
     document.getElementById("btnClean").click(); 

     //document.getElementById('<%= btnClean.ClientID %>').click(); 
    } 

Answer 2

それは高速ですので、あなたは、代わりに

document.getElementById("btnClean").trigger("click"); 

を使用する必要があります。たぶんbtnClear_Clickのデフォルトの動作を防ぐようにしてください。 console.log（ "a"）（または、むしろ "b"を2番目のもの）を2つの関数に追加して、2つの関数が実行されているかどうか、そしてどちらが実行されているかを確認してください。