n1concepts Posted April 22, 2014 Share Posted April 22, 2014 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> Link to comment https://forums.phpfreaks.com/topic/287954-need-to-create-two-rows-two-cells-on-click/ Share on other sites More sharing options...
n1concepts Posted April 23, 2014 Author Share Posted April 23, 2014 I will approach this a different way - closing this case. Link to comment https://forums.phpfreaks.com/topic/287954-need-to-create-two-rows-two-cells-on-click/#findComment-1477074 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.