Editar o código:
ver o resultado »
Tente você mesmo - ©
w3ii.com
<!DOCTYPE html> <html> <head> <style> table, td { border: 1px solid black; } </style> </head> <body> <p>Click the button to create a TABLE, a TR and a TD element.</p> <button onclick="myFunction()">Try it</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>