<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function test()
{
var ruby = document.getElementById('R');
var span = document.getElementById('ML');
var newRT = document.createElement('rt');
var newRTText = document.createTextNode('Hyper-text');
newRT.appendChild(newRTText);
ruby.insertBefore(newRT, span);
}
</script>
</head>
<body onload="test()">
<p>The following is a test for DOM manipulation within <ruby>: Inserting a new <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"><span>HT</span><span id="ML">ML</span><rt>Markup Language</rt>5</ruby> spec.</p>
<p><ruby> is defined in the <ruby><span>HT</span><rt>Hyper-text</rt><span>ML</span><rt>Markup Language</rt>5</ruby> spec.</p>
</body>
</html>