Search the Community
Showing results for tags 'operations with nodes'.
Found 1 result
-
I have working code, see below, to which I'm trying to create a two-by-two (two rows and two columns) table instead of the one cell which currently displays when link/btn is clicked. Can someone enlighten me on how to modify this code to produce two rows and two cells on same, initial, click? Again, the code works - below - but only generating one row & cell, currently. <!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>
