删除按钮javascript的问题

嘿，我是javascript新手，我正在努力理解删除和更新按钮是如何工作的。我看到很多建议，但我的删除按钮似乎不起作用，我不知道哪里出了问题。请帮忙

  <script type="text/javascript">
        function Delete(object){
            table = document.getElementById("table");
            row = document.getElementById(object);

            table.removeChild(row);
        };
    </script>

    <table id="table" class="table .table-bordered" style="width:50%">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>First Name</th>
                        <th>DOB</th>
                        <th>Gender</th>
                        <th>Martial Status</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>Sara</td>
                        <td>1-12-1990</td>
                        <td>Female</td>
                        <td>Married</td>
                        <button>Edit</button>
                        <button onclick="Delete">Delete</button>
                    </tr>
                 </tbody>
             </table>

函数删除（对象）{
table=document.getElementById（“table”）；
行=document.getElementById（对象）；
表2.removeChild（世界其他地区）；
};
身份证件
名字
出生日期
性别
戒严状态
行动
1.
萨拉人
1-12-1990
女性
已婚的
编辑
删除

---

还有一个问题是，删除按钮显示在表的顶部，而不是在“操作”列中。为什么？

这些按钮也应该显示在表单元格中

<td>
<button>Edit</button>
<button onclick="Delete();">Delete</button>
</td>

编辑
删除

您还必须将单击事件更改为如上所示：

<button onclick="Delete();">Delete</button>

删除

您需要将元素作为参数传递给

Delete（）

。元素不是一个ID，因此您不应该对它使用

getElementById

，只需直接访问元素即可。您可以使用

parentElement

向上移动DOM层次结构，以查找包含的行和表

要解决布局问题，需要将按钮放在

内。表行中的所有内容必须在

或

中

函数删除（对象）{
var row=object.parentElement.parentElement；
var table=row.parentElement；
表2.removeChild（世界其他地区）；
};

身份证件
名字
出生日期
性别
戒严状态
行动
1.
萨拉人
1-12-1990
女性
已婚的
编辑
删除
要回答第二个问题，您必须像其他元素一样将按钮包装在
元素中。您必须给
onclick
这样的函数
onclick=“Delete（id）”
是的，我忘记了参数，但在我的情况下，它应该是哪个id？我需要删除所有@Islamzedant行。id应该是
id才能删除它。这不起作用。没有为
Delete（）
提供实际参数。