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

百变鹏仔 4周前 (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>

文章推荐

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

示例

html代码是什么

值得一学的6个前端HTML+CSS特效

html怎么设置字体

怎么隐藏html标签

html怎么设置编码utf8