Question

我有一个javascript函数可以在div innerhtml中调用此结果。如何在点击按钮时提醒“警报功能”？

$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')
}

innerhtml中的警报按钮

2 个答案: