document.getElementsByName-newelements.html (1618B)
1 <!DOCTYPE html> 2 <title>getElementsByName and newly introduced HTML elements</title> 3 <link rel="author" title="Ms2ger" href="mailto:ms2ger@gmail.com"> 4 <link rel="help" href="https://html.spec.whatwg.org/multipage/#dom-document-getelementsbyname"> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <div id="log"></div> 8 <div id="test"> 9 <section name="section"></section> 10 <article name="article"></article> 11 <aside name="aside"></aside> 12 <hgroup name="hgroup"></hgroup> 13 <header name="header"></header> 14 <footer name="footer"></footer> 15 <nav name="nav"></nav> 16 <dialog name="dialog"></dialog> 17 <figure name="figure"></figure> 18 <audio name="audio"></audio> 19 <video name="video"></video> 20 <embed name="embed"></embed> 21 <mark name="mark"></mark> 22 <meter name="meter"></meter> 23 <progress name="progress"></progress> 24 <time name="time"></time> 25 <canvas name="canvas"></canvas> 26 <command name="command"></command> 27 <menu name="menu"></menu> 28 <details name="details"></details> 29 <datalist name="datalist"></datalist> 30 <keygen name="keygen"></keygen> 31 <output name="output"></output> 32 <ruby name="ruby"></ruby> 33 <rt name="rt"></rt> 34 <rp name="rp"></rp> 35 <source name="source"> 36 </div> 37 <script> 38 var testDiv = document.getElementById("test"); 39 for (var i = 0; i < testDiv.children.length; i++) { 40 var name = testDiv.children[i].getAttribute("name"); 41 test(function() { 42 assert_equals(document.getElementsByName(name).length, 1); 43 assert_equals(document.getElementsByName(name)[0], 44 document.getElementsByTagName(name)[0]); 45 }, 'getElementsByName("' + name + '")'); 46 } 47 </script>