PHP前端开发

如何使用JavaScript DOM删除表格中的行?

百变鹏仔 3个月前 (09-21) #HTML
文章标签 如何使用

要在 JavaScript 中删除表中的行,请使用 DOM deleteRow() 方法。

示例

您可以尝试运行以下代码以了解如何删除表中的行。该代码一次删除一行 -

现场演示

<!DOCTYPE html><html>   <head>      <script>      function captionFunc(x) {         document.getElementById(x).createCaption().innerHTML = "Demo Caption";      }      </script>   </head>   <body>      <table style="border:2px solid black" id="newtable">         <tr>            <td>One</td>            <td>Two</td>         </tr>         <tr>            <td>Three</td>            <td>Four</td>         </tr>         <tr>            <td>Five</td>            <td>Six</td>         </tr>      </table>      <p>         <input type="button" onclick="captionFunc(&#39;newtable&#39;)" value="Display Table Caption">      </p>      <p>         <input type="button" value="Delete Row" onclick="document.getElementById(&#39;newtable&#39;).deleteRow(0)">      </p>   </body></html>