Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </style> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4638549725433695" crossorigin="anonymous"></script><script src="//www.p2hp.com/tj.js"></script></head> <body> <table id="myTable"> <thead> <tr> <th>Header</th> </tr> </thead> <tbody> <tr> <td>Cell 1</td> </tr> <tr> <td>Cell 2</td> </tr> </tbody> </table> <p>Click the button to create a TFOOT element (and a TR and a TD).</p> <button onclick="myFunction()">Try it</button> <script> function myFunction() { var x = document.createElement("TFOOT"); var y = document.createElement("TR"); var z = document.createElement("TD"); z.innerHTML = "A Footer!" y.appendChild(z); x.appendChild(y); document.getElementById("myTable").appendChild(x); } </script> </body> </html>
