getElementsByClassName-30.htm (5767B)
1 <!DOCTYPE html> 2 <html><head class="foo"> 3 <title class="foo">getElementsByClassName</title> 4 <meta class="foo" content="big element listing" name="description"> 5 <link class="foo"> 6 <base class="foo"> 7 <script class="foo"></script> 8 <style class="foo"></style> 9 <script src="/resources/testharness.js"></script> 10 <script src="/resources/testharnessreport.js"></script> 11 <link href="https://dom.spec.whatwg.org/#dom-document-getelementsbyclassname" rel="help"> 12 </head> 13 <body class="foo"> 14 <div id='log'></div> 15 <a class="foo">a</a> 16 <abbr class="foo">abbr</abbr> 17 <acronym class="foo">acronym</acronym> 18 <address class="foo">address</address> 19 <applet class="foo">applet</applet> 20 <b class="foo">b</b> 21 <bdo class="foo">bdo</bdo> 22 <big class="foo">big</big> 23 <blockquote class="foo">blockquote</blockquote> 24 <br class="foo"> 25 <button class="foo">button</button> 26 <center class="foo">center</center> 27 <cite class="foo">cite</cite> 28 <code class="foo">code</code> 29 <del class="foo">del</del> 30 <dfn class="foo">dfn</dfn> 31 <dir class="foo">dir 32 <li class="foo">li</li> 33 </dir> 34 <div class="foo">div</div> 35 <dl class="foo"> 36 <dt class="foo"> 37 </dt><dd class="foo">dd</dd> 38 </dl> 39 <em class="foo">em</em> 40 <font class="foo">font</font> 41 <form class="foo"> 42 <label class="foo">label</label> 43 <fieldset class="foo"> 44 <legend class="foo">legend</legend> 45 </fieldset> 46 </form> 47 <h1 class="foo">h1</h1> 48 <hr class="foo"> 49 <i class="foo">i</i> 50 <iframe class="foo">iframe</iframe> 51 <img class="foo"> 52 <input class="foo"> 53 <ins class="foo">ins</ins> 54 <kbd class="foo">kbd</kbd> 55 <map class="foo"> 56 <area class="foo"></area> 57 </map> 58 <menu class="foo">menu</menu> 59 <noscript class="foo">noscript</noscript> 60 <object class="foo"> 61 <param class="foo"> 62 </object> 63 <ol class="foo">ol</ol> 64 <p class="foo">p</p> 65 <pre class="foo">pre</pre> 66 <q class="foo">q</q> 67 <s class="foo">s</s> 68 <samp class="foo">samp</samp> 69 <select class="foo"> 70 <optgroup class="foo">optgroup</optgroup> 71 <option class="foo">option</option> 72 </select> 73 <small class="foo">small</small> 74 <span class="foo">span</span> 75 <strike class="foo">strike</strike> 76 <strong class="foo">strong</strong> 77 <sub class="foo">sub</sub> 78 <sup class="foo">sup</sup> 79 colgroup<table class="foo"> 80 <caption class="foo">caption</caption> 81 <colgroup><col class="foo"> 82 </colgroup><colgroup class="foo"></colgroup> 83 <thead class="foo"> 84 <tr><th class="foo">th</th> 85 </tr></thead> 86 <tbody class="foo"> 87 <tr class="foo"> 88 <td class="foo">td</td> 89 </tr> 90 </tbody> 91 <tfoot class="foo"></tfoot> 92 </table> 93 <textarea class="foo">textarea</textarea> 94 <tt class="foo">tt</tt> 95 <u class="foo">u</u> 96 <ul class="foo">ul</ul> 97 <var class="foo">var</var> 98 <script type="text/javascript"> 99 test(function () 100 { 101 var arrElements = [ 102 "HEAD", 103 "TITLE", 104 "META", 105 "LINK", 106 "BASE", 107 "SCRIPT", 108 "STYLE", 109 "BODY", 110 "A", 111 "ABBR", 112 "ACRONYM", 113 "ADDRESS", 114 "APPLET", 115 "B", 116 "BDO", 117 "BIG", 118 "BLOCKQUOTE", 119 "BR", 120 "BUTTON", 121 "CENTER", 122 "CITE", 123 "CODE", 124 "DEL", 125 "DFN", 126 "DIR", 127 "LI", 128 "DIV", 129 "DL", 130 "DT", 131 "DD", 132 "EM", 133 "FONT", 134 "FORM", 135 "LABEL", 136 "FIELDSET", 137 "LEGEND", 138 "H1", 139 "HR", 140 "I", 141 "IFRAME", 142 "IMG", 143 "INPUT", 144 "INS", 145 "KBD", 146 "MAP", 147 "AREA", 148 "MENU", 149 "NOSCRIPT", 150 "OBJECT", 151 "PARAM", 152 "OL", 153 "P", 154 "PRE", 155 "Q", 156 "S", 157 "SAMP", 158 "SELECT", 159 "OPTGROUP", 160 "OPTION", 161 "SMALL", 162 "SPAN", 163 "STRIKE", 164 "STRONG", 165 "SUB", 166 "SUP", 167 "TABLE", 168 "CAPTION", 169 "COL", 170 "COLGROUP", 171 "THEAD", 172 "TH", 173 "TBODY", 174 "TR", 175 "TD", 176 "TFOOT", 177 "TEXTAREA", 178 "TT", 179 "U", 180 "UL", 181 "VAR"]; 182 183 var collection = document.getElementsByClassName("foo"); 184 for (var x = 0; x < collection.length; x++) 185 { 186 assert_equals(collection[x].nodeName, arrElements[x]); 187 } 188 }, "big element listing"); 189 </script> 190 </body></html>