W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> </head> <body> <table id="myTable"> <thead> <tr> <th>Header</th> </tr> </thead> <tbody> <tr> <td>Cell 1</td> </tr> <tr> <td>Cell 2</td> </tr> </tbody> </table> <p>单击按钮创建一个 TFOOT 元素（以及一个 TR 和一个 TD）。</p> <button onclick="myFunction()">试一试</button> <script> function myFunction() { var x = document.createElement("TFOOT"); var y = document.createElement("TR"); var z = document.createElement("TD"); z.innerHTML = "A Footer!" y.appendChild(z); x.appendChild(y); document.getElementById("myTable").appendChild(x); } </script> </body> </html>