innerhtmlのアラートボタン

Question

div innerhtmlでこの結果を呼び出すjavascript関数があります。クリック時のボタンのときに 'アラート機能'を警告する方法は？

$html.='<table class="table table-striped table-bordered table-hover"> 
      <thead> 
       <tr> 
        <th width="5%">#</th> 
        <th>Title</th> 
        <th>Action</th> 
       </tr> 
      </thead> 
      <tbody>'; 
      $c=1; 
     foreach($titles AS $item){ 
      $html.='<tr> 
        <td>'.$c.'</td> 
        <td>'.urldecode($item->title_content).'</td> 
        <td><button type="button" class="btn btn-danger" onclick="alert(\'**Alert Function**\')">Delete</button></td> 
       </tr>'; 
       $c++; 
     } 
     $html.='</tbody> 
     </table>'; 
     echo $html; 

おかげ

Answer 1

これはPHPですので、あなたが直接このようなonClick()イベント挿入することができます。

<td><button type="button" id="deleteButton" class="btn btn-danger" onclick="alertFunction()">Delete</button></td> 

をその後のJavaScriptファイルに：

function alertFunction() 
{ 
    alert('My custom text'); 
} 

なら、私を知ってみましょうそれはあなたの問題を解決し、私はあなたの質問を正しく理解しています。

このonClick()はJavaScript自体に書かれている場合は、その部分を削除し、JavaScriptのスクリプトで追加の行を追加します。

document.getElementById("deleteButton").addEventListener("click", alertFunction); 

Answer 2

はonclickイベントを処理するために別の関数を作成します。スクリプトタグ内のどこかにコード内の任意の引数

<td><button type="button" class="btn btn-danger" onclick="clickButton()">Delete</button></td> 

を渡したい場合、これは将来的に参考になります。このコードで、あなたの問題は何の関数呼び出しclickButton()

function clickButton(){ 
alert('Alert Function') 
}