third_party/WebKit/LayoutTests/fast/ruby/rubyDOM-insert-rt.html

   1 <html>
   2 <head>
   3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   4 <script>
   5 function test()
   6 {
   7     var ruby = document.getElementById('R');
   8     var span = document.getElementById('ML');
   9     var newRT = document.createElement('rt');
  10     var newRTText = document.createTextNode('Hyper-text');
  11     newRT.appendChild(newRTText);
  12     ruby.insertBefore(newRT, span);
  13 }
  14 </script>
  15 </head>
  16 <body onload="test()">
  17 <p>The following is a test for DOM manipulation within &lt;ruby&gt;: Inserting a new &lt;rt&gt; element</p>
  18 <p>Both lines should look identical (the first line is the one manipulated).</p>
  19 <br>
  20 <br>
  21 <p>&lt;ruby&gt; is defined in the <ruby id="R"><span>HT</span><span id="ML">ML</span><rt>Markup Language</rt>5</ruby> spec.</p>
  22 <p>&lt;ruby&gt; is defined in the <ruby><span>HT</span><rt>Hyper-text</rt><span>ML</span><rt>Markup Language</rt>5</ruby> spec.</p>
  23 </body>
  24 </html>