innerhtml 中的警报按钮

Question

我有一个 javascript 函数可以在 div innerhtml 中调用这个结果。单击按钮时如何提醒 'Alert Function'？

$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 中的警报按钮

Alert button in innerhtml

javascript

php

innerhtml

codeigniter-3