<!DOCTYPE html> <html> <head> <style> caption { color: green } </style> <script> function boom() { var table = document.getElementById("table"); var newCaption = document.createElement('caption'); newCaption.appendChild(document.createTextNode("TEST")); newCaption.style.background = "inherit" table.appendChild(newCaption); table.appendChild(document.createElement('caption')); } </script> </head> <body onload="boom();"> <table id="table" style="background: green;"></table> </body> </html>