<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> function test() { var ruby = document.getElementById('R'); var rt = document.getElementById('RT'); var newText = document.createTextNode('ML'); ruby.insertBefore(newText, rt); } </script> </head> <body onload="test()"> <p>The following is a test for DOM manipulation within <ruby>: Inserting a new text before a <rt> element</p> <p>Both lines should look identical (the first line is the one manipulated).</p> <br> <br> <p><ruby> is defined in the <ruby id="R">HT<rt>Hyper-text</rt><rt id="RT">Markup Language</rt>5</ruby> spec.</p> <p><ruby> is defined in the <ruby>HT<rt>Hyper-text</rt>ML<rt>Markup Language</rt>5</ruby> spec.</p> </body> </html>