要删除HTML中的所有行,可以使用JavaScript来实现,以下是详细步骤:
(图片来源网络,侵删)1、创建一个HTML文件,例如index.html
,并在其中添加以下内容:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF8"> <meta name="viewport" content="width=devicewidth, initialscale=1.0"> <title>删除所有行</title> </head> <body> <table id="myTable" border="1"> <tr> <td>行1,列1</td> <td>行1,列2</td> </tr> <tr> <td>行2,列1</td> <td>行2,列2</td> </tr> </table> <button onclick="deleteAllRows()">删除所有行</button> <script> function deleteAllRows() { var table = document.getElementById("myTable"); while (table.rows.length > 0) { table.deleteRow(0); } } </script> </body> </html>
2、在上述代码中,我们创建了一个包含两行的表格,并添加了一个按钮,当点击按钮时,将调用deleteAllRows()
函数。
3、deleteAllRows()
函数的实现如下:
通过document.getElementById("myTable")
获取表格元素。
使用while
循环检查表格是否还有行,如果表格的行数大于0,就执行循环体内的代码。
在循环体内,使用table.deleteRow(0)
删除表格的第一行,由于每次删除一行后,后面的行会自动向前移动,所以始终删除第一行即可实现删除所有行的目的。
4、保存文件并在浏览器中打开index.html
,点击“删除所有行”按钮,可以看到表格中的所有行都被删除了。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。