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> Quote 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...
Solution n1concepts Posted April 23, 2014 Author Solution Share Posted April 23, 2014 I will approach this a different way - closing this case. Quote 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
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.