主页
JS 参考手册
HTML DOM Table 对象
tryjsref_table_create
运行 ❯
×
更改方向
保存代码
更改主题
<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>单击按钮创建一个 TABLE、一个 TR 和一个 TD 元素。</p> <button onclick="myFunction()">试一试</button> <script> function myFunction() { var x = document.createElement("TABLE"); x.setAttribute("id", "myTable"); document.body.appendChild(x); var y = document.createElement("TR"); y.setAttribute("id", "myTr"); document.getElementById("myTable").appendChild(y); var z = document.createElement("TD"); var t = document.createTextNode("cell"); z.appendChild(t); document.getElementById("myTr").appendChild(z); } </script> </body> </html>