Alarmschaltfläche in innerhtml

Question

Ich habe eine JavaScript-Funktion, um dieses Ergebnis in einem Div-Innerhtml aufzurufen. Wie alert 'Alert Function' beim Klicken auf die Schaltfläche?

$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; 

Dank

Answer 1

Da diese PHP ist, direkt onClick() Veranstaltung wie diese einsetzen können:

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

Und dann in JavaScript-Datei:

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

Lassen Sie mich, wenn Sie wissen das löst dein Problem und wenn ich deine Frage richtig verstanden habe.

Wenn diese onClick() in JavaScript geschrieben wird selbst dann, dass ein Teil entfernen und zusätzliche Zeile in JavaScript-Skript hinzu:

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

Answer 2

Erstellen Sie eine separate Funktion onclick Ereignis zu behandeln. Dies wird in Zukunft nützlich sein, wenn Sie

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

Irgendwo im Code jedes Argument übergeben wollen innerhalb Script-Tag einen Funktionsaufruf clickButton()

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