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