<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 &lt;ruby&gt;: Inserting a new text before a &lt;rt&gt; element that already contains text.</p>
<p>Both lines should look identical (the first line is the one manipulated).</p>
<br>
<br>
<p>&lt;ruby&gt; is defined in the <ruby id="R"><span>HT</span><rt id="RT">Hyper-text Markup Language</rt>5</ruby> spec.</p>
<p>&lt;ruby&gt; is defined in the <ruby>HTML<span></span><rt>Hyper-text Markup Language</rt>5</ruby> spec.</p>
</body>
</html>