class-2.html (1468B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Class</title> 6 <link rel="help" href="https://w3c.github.io/mathml-core/#attributes-common-to-html-and-mathml-elements"> 7 <link rel="help" href="https://w3c.github.io/mathml-core/#dom-and-javascript"> 8 <meta name="assert" content="Verify whether the getElementsByClassName() works for MathML elements."> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 <script> 12 setup({ explicit_done: true }); 13 window.addEventListener("DOMContentLoaded", function() { 14 var mtext = document.getElementsByClassName("cl"); 15 test(function() { 16 assert_equals(mtext.length, 3); 17 var mtext_ref = document.body.lastElementChild.firstElementChild; 18 mtext_ref = mtext_ref.nextElementSibling.nextElementSibling 19 assert_equals(mtext[0], mtext_ref); 20 mtext_ref = mtext_ref.nextElementSibling.nextElementSibling; 21 assert_equals(mtext[1], mtext_ref); 22 mtext_ref = mtext_ref.nextElementSibling.nextElementSibling; 23 assert_equals(mtext[2], mtext_ref); 24 }, "getElementsByClassName()"); 25 done(); 26 }); 27 </script> 28 </head> 29 <body> 30 <div id="log"></div> 31 <math> 32 <mtext class="cl_"></mtext> 33 <mtext class="c"></mtext> 34 <mtext class="cl"></mtext> 35 <mtext class="cl_"></mtext> 36 <mtext class="cl"></mtext> 37 <mtext class="c"></mtext> 38 <mtext class="cl"></mtext> 39 <mtext class="cl_"></mtext> 40 </math> 41 </body> 42 </html>