ParentNode-querySelector-All-content.html (15583B)
1 <!DOCTYPE html> 2 <html id="html" lang="en"> 3 <head id="head"> 4 <meta id="meta" charset="UTF-8"> 5 <title id="title">Selectors-API Test Suite: HTML with Selectors Level 2 using TestHarness: Test Document</title> 6 7 <!-- Links for :link and :visited pseudo-class test --> 8 <link id="pseudo-link-link1" href=""> 9 <link id="pseudo-link-link2" href="http://example.org/"> 10 <link id="pseudo-link-link3"> 11 <style> 12 @namespace ns "http://www.w3.org/1999/xhtml"; 13 /* Declare the namespace prefix used in tests. This declaration should not be used by the API. */ 14 </style> 15 </head> 16 <body id="body"> 17 <div id="root"> 18 <div id="target"></div> 19 20 <div id="universal"> 21 <p id="universal-p1">Universal selector tests inside element with <code id="universal-code1">id="universal"</code>.</p> 22 <hr id="universal-hr1"> 23 <pre id="universal-pre1">Some preformatted text with some <span id="universal-span1">embedded code</span></pre> 24 <p id="universal-p2">This is a normal link: <a id="universal-a1" href="http://www.w3.org/">W3C</a></p> 25 <address id="universal-address1">Some more nested elements <code id="universal-code2"><a href="#" id="universal-a2">code hyperlink</a></code></address> 26 </div> 27 28 <div id="attr-presence"> 29 <div class="attr-presence-div1" id="attr-presence-div1" align="center"></div> 30 <div class="attr-presence-div2" id="attr-presence-div2" align=""></div> 31 <div class="attr-presence-div3" id="attr-presence-div3" valign="center"></div> 32 <div class="attr-presence-div4" id="attr-presence-div4" alignv="center"></div> 33 <p id="attr-presence-p1"><a id="attr-presence-a1" tItLe=""></a><span id="attr-presence-span1" TITLE="attr-presence-span1"></span><i id="attr-presence-i1"></i></p> 34 <pre id="attr-presence-pre1" data-attr-presence="pre1"></pre> 35 <blockquote id="attr-presence-blockquote1" data-attr-presence="blockquote1"></blockquote> 36 <ul id="attr-presence-ul1" data-中文=""></ul> 37 38 <select id="attr-presence-select1"> 39 <option id="attr-presence-select1-option1">A</option> 40 <option id="attr-presence-select1-option2">B</option> 41 <option id="attr-presence-select1-option3">C</option> 42 <option id="attr-presence-select1-option4">D</option> 43 </select> 44 <select id="attr-presence-select2"> 45 <option id="attr-presence-select2-option1">A</option> 46 <option id="attr-presence-select2-option2">B</option> 47 <option id="attr-presence-select2-option3">C</option> 48 <option id="attr-presence-select2-option4" selected="selected">D</option> 49 </select> 50 <select id="attr-presence-select3" multiple="multiple"> 51 <option id="attr-presence-select3-option1">A</option> 52 <option id="attr-presence-select3-option2" selected="">B</option> 53 <option id="attr-presence-select3-option3" selected="selected">C</option> 54 <option id="attr-presence-select3-option4">D</option> 55 </select> 56 </div> 57 58 <div id="attr-value"> 59 <div id="attr-value-div1" align="center"></div> 60 <div id="attr-value-div2" align=""></div> 61 <div id="attr-value-div3" data-attr-value="é"></div> 62 <div id="attr-value-div4" data-attr-value_foo="é"></div> 63 64 <form id="attr-value-form1"> 65 <input id="attr-value-input1" type="text"> 66 <input id="attr-value-input2" type="password"> 67 <input id="attr-value-input3" type="hidden"> 68 <input id="attr-value-input4" type="radio"> 69 <input id="attr-value-input5" type="checkbox"> 70 <input id="attr-value-input6" type="radio"> 71 <input id="attr-value-input7" type="text"> 72 <input id="attr-value-input8" type="hidden"> 73 <input id="attr-value-input9" type="radio"> 74 </form> 75 76 <div id="attr-value-div5" data-attr-value="中文"></div> 77 </div> 78 79 <div id="attr-whitespace"> 80 <div id="attr-whitespace-div1" class="foo div1 bar"></div> 81 <div id="attr-whitespace-div2" class=""></div> 82 <div id="attr-whitespace-div3" class="foo div3 bar"></div> 83 84 <div id="attr-whitespace-div4" data-attr-whitespace="foo é bar"></div> 85 <div id="attr-whitespace-div5" data-attr-whitespace_foo="é foo"></div> 86 87 <a id="attr-whitespace-a1" rel="next bookmark"></a> 88 <a id="attr-whitespace-a2" rel="tag nofollow"></a> 89 <a id="attr-whitespace-a3" rel="tag bookmark"></a> 90 <a id="attr-whitespace-a4" rel="book mark"></a> <!-- Intentional space in "book mark" --> 91 <a id="attr-whitespace-a5" rel="nofollow"></a> 92 <a id="attr-whitespace-a6" rev="bookmark nofollow"></a> 93 <a id="attr-whitespace-a7" rel="prev next tag alternate nofollow author help icon noreferrer prefetch search stylesheet tag"></a> 94 95 <p id="attr-whitespace-p1" title="Chinese 中文 characters"></p> 96 </div> 97 98 <div id="attr-hyphen"> 99 <div id="attr-hyphen-div1"></div> 100 <div id="attr-hyphen-div2" lang="fr"></div> 101 <div id="attr-hyphen-div3" lang="en-AU"></div> 102 <div id="attr-hyphen-div4" lang="es"></div> 103 </div> 104 105 <div id="attr-begins"> 106 <a id="attr-begins-a1" href="http://www.example.org"></a> 107 <a id="attr-begins-a2" href="http://example.org/"></a> 108 <a id="attr-begins-a3" href="http://www.example.com/"></a> 109 110 <div id="attr-begins-div1" lang="fr"></div> 111 <div id="attr-begins-div2" lang="en-AU"></div> 112 <div id="attr-begins-div3" lang="es"></div> 113 <div id="attr-begins-div4" lang="en-US"></div> 114 <div id="attr-begins-div5" lang="en"></div> 115 116 <p id="attr-begins-p1" class=" apple"></p> <!-- Intentional space in class value " apple". --> 117 </div> 118 119 <div id="attr-ends"> 120 <a id="attr-ends-a1" href="http://www.example.org"></a> 121 <a id="attr-ends-a2" href="http://example.org/"></a> 122 <a id="attr-ends-a3" href="http://www.example.org"></a> 123 124 <div id="attr-ends-div1" lang="fr"></div> 125 <div id="attr-ends-div2" lang="de-CH"></div> 126 <div id="attr-ends-div3" lang="es"></div> 127 <div id="attr-ends-div4" lang="fr-CH"></div> 128 129 <p id="attr-ends-p1" class="apple "></p> <!-- Intentional space in class value "apple ". --> 130 </div> 131 132 <div id="attr-contains"> 133 <a id="attr-contains-a1" href="http://www.example.org"></a> 134 <a id="attr-contains-a2" href="http://example.org/"></a> 135 <a id="attr-contains-a3" href="http://www.example.com/"></a> 136 137 <div id="attr-contains-div1" lang="fr"></div> 138 <div id="attr-contains-div2" lang="en-AU"></div> 139 <div id="attr-contains-div3" lang="de-CH"></div> 140 <div id="attr-contains-div4" lang="es"></div> 141 <div id="attr-contains-div5" lang="fr-CH"></div> 142 <div id="attr-contains-div6" lang="en-US"></div> 143 144 <p id="attr-contains-p1" class=" apple banana orange "></p> 145 </div> 146 147 <div id="pseudo-nth"> 148 <table id="pseudo-nth-table1"> 149 <tr id="pseudo-nth-tr1"><td id="pseudo-nth-td1"></td><td id="pseudo-nth-td2"></td><td id="pseudo-nth-td3"></td><td id="pseudo-nth-td4"></td><td id="pseudo-nth--td5"></td><td id="pseudo-nth-td6"></td></tr> 150 <tr id="pseudo-nth-tr2"><td id="pseudo-nth-td7"></td><td id="pseudo-nth-td8"></td><td id="pseudo-nth-td9"></td><td id="pseudo-nth-td10"></td><td id="pseudo-nth-td11"></td><td id="pseudo-nth-td12"></td></tr> 151 <tr id="pseudo-nth-tr3"><td id="pseudo-nth-td13"></td><td id="pseudo-nth-td14"></td><td id="pseudo-nth-td15"></td><td id="pseudo-nth-td16"></td><td id="pseudo-nth-td17"></td><td id="pseudo-nth-td18"></td></tr> 152 </table> 153 154 <ol id="pseudo-nth-ol1"> 155 <li id="pseudo-nth-li1"></li> 156 <li id="pseudo-nth-li2"></li> 157 <li id="pseudo-nth-li3"></li> 158 <li id="pseudo-nth-li4"></li> 159 <li id="pseudo-nth-li5"></li> 160 <li id="pseudo-nth-li6"></li> 161 <li id="pseudo-nth-li7"></li> 162 <li id="pseudo-nth-li8"></li> 163 <li id="pseudo-nth-li9"></li> 164 <li id="pseudo-nth-li10"></li> 165 <li id="pseudo-nth-li11"></li> 166 <li id="pseudo-nth-li12"></li> 167 </ol> 168 169 <p id="pseudo-nth-p1"> 170 <span id="pseudo-nth-span1">span1</span> 171 <em id="pseudo-nth-em1">em1</em> 172 <!-- comment node--> 173 <em id="pseudo-nth-em2">em2</em> 174 <span id="pseudo-nth-span2">span2</span> 175 <strong id="pseudo-nth-strong1">strong1</strong> 176 <em id="pseudo-nth-em3">em3</em> 177 <span id="pseudo-nth-span3">span3</span> 178 <span id="pseudo-nth-span4">span4</span> 179 <strong id="pseudo-nth-strong2">strong2</strong> 180 <em id="pseudo-nth-em4">em4</em> 181 </p> 182 </div> 183 184 <div id="pseudo-first-child"> 185 <div id="pseudo-first-child-div1"></div> 186 <div id="pseudo-first-child-div2"></div> 187 <div id="pseudo-first-child-div3"></div> 188 189 <p id="pseudo-first-child-p1"><span id="pseudo-first-child-span1"></span><span id="pseudo-first-child-span2"></span></p> 190 <p id="pseudo-first-child-p2"><span id="pseudo-first-child-span3"></span><span id="pseudo-first-child-span4"></span></p> 191 <p id="pseudo-first-child-p3"><span id="pseudo-first-child-span5"></span><span id="pseudo-first-child-span6"></span></p> 192 </div> 193 194 <div id="pseudo-last-child"> 195 <p id="pseudo-last-child-p1"><span id="pseudo-last-child-span1"></span><span id="pseudo-last-child-span2"></span></p> 196 <p id="pseudo-last-child-p2"><span id="pseudo-last-child-span3"></span><span id="pseudo-last-child-span4"></span></p> 197 <p id="pseudo-last-child-p3"><span id="pseudo-last-child-span5"></span><span id="pseudo-last-child-span6"></span></p> 198 199 <div id="pseudo-last-child-div1"></div> 200 <div id="pseudo-last-child-div2"></div> 201 <div id="pseudo-last-child-div3"></div> 202 </div> 203 204 <div id="pseudo-only"> 205 <p id="pseudo-only-p1"> 206 <span id="pseudo-only-span1"></span> 207 </p> 208 <p id="pseudo-only-p2"> 209 <span id="pseudo-only-span2"></span> 210 <span id="pseudo-only-span3"></span> 211 </p> 212 <p id="pseudo-only-p3"> 213 <span id="pseudo-only-span4"></span> 214 <em id="pseudo-only-em1"></em> 215 <span id="pseudo-only-span5"></span> 216 </p> 217 </div>> 218 219 <div id="pseudo-empty"> 220 <p id="pseudo-empty-p1"></p> 221 <p id="pseudo-empty-p2"><!-- comment node --></p> 222 <p id="pseudo-empty-p3"> </p> 223 <p id="pseudo-empty-p4">Text node</p> 224 <p id="pseudo-empty-p5"><span id="pseudo-empty-span1"></span></p> 225 </div> 226 227 <div id="pseudo-link"> 228 <a id="pseudo-link-a1" href="">with href</a> 229 <a id="pseudo-link-a2" href="http://example.org/">with href</a> 230 <a id="pseudo-link-a3">without href</a> 231 <map name="pseudo-link-map1" id="pseudo-link-map1"> 232 <area id="pseudo-link-area1" href=""> 233 <area id="pseudo-link-area2"> 234 </map> 235 </div> 236 237 <div id="pseudo-lang"> 238 <div id="pseudo-lang-div1"></div> 239 <div id="pseudo-lang-div2" lang="fr"></div> 240 <div id="pseudo-lang-div3" lang="en-AU"></div> 241 <div id="pseudo-lang-div4" lang="es"></div> 242 </div> 243 244 <div id="pseudo-ui"> 245 <input id="pseudo-ui-input1" type="text"> 246 <input id="pseudo-ui-input2" type="password"> 247 <input id="pseudo-ui-input3" type="radio"> 248 <input id="pseudo-ui-input4" type="radio" checked="checked"> 249 <input id="pseudo-ui-input5" type="checkbox"> 250 <input id="pseudo-ui-input6" type="checkbox" checked="checked"> 251 <input id="pseudo-ui-input7" type="submit"> 252 <input id="pseudo-ui-input8" type="button"> 253 <input id="pseudo-ui-input9" type="hidden"> 254 <textarea id="pseudo-ui-textarea1"></textarea> 255 <button id="pseudo-ui-button1">Enabled</button> 256 257 <input id="pseudo-ui-input10" disabled="disabled" type="text"> 258 <input id="pseudo-ui-input11" disabled="disabled" type="password"> 259 <input id="pseudo-ui-input12" disabled="disabled" type="radio"> 260 <input id="pseudo-ui-input13" disabled="disabled" type="radio" checked="checked"> 261 <input id="pseudo-ui-input14" disabled="disabled" type="checkbox"> 262 <input id="pseudo-ui-input15" disabled="disabled" type="checkbox" checked="checked"> 263 <input id="pseudo-ui-input16" disabled="disabled" type="submit"> 264 <input id="pseudo-ui-input17" disabled="disabled" type="button"> 265 <input id="pseudo-ui-input18" disabled="disabled" type="hidden"> 266 <textarea id="pseudo-ui-textarea2" disabled="disabled"></textarea> 267 <button id="pseudo-ui-button2" disabled="disabled">Disabled</button> 268 </div> 269 270 <div id="not"> 271 <div id="not-div1"></div> 272 <div id="not-div2"></div> 273 <div id="not-div3"></div> 274 275 <p id="not-p1"><span id="not-span1"></span><em id="not-em1"></em></p> 276 <p id="not-p2"><span id="not-span2"></span><em id="not-em2"></em></p> 277 <p id="not-p3"><span id="not-span3"></span><em id="not-em3"></em></p> 278 </div> 279 280 <div id="pseudo-element">All pseudo-element tests</div> 281 282 <div id="class"> 283 <p id="class-p1" class="foo class-p bar"></p> 284 <p id="class-p2" class="class-p foo bar"></p> 285 <p id="class-p3" class="foo bar class-p"></p> 286 287 <!-- All permutations of the classes should match --> 288 <div id="class-div1" class="apple orange banana"></div> 289 <div id="class-div2" class="apple banana orange"></div> 290 <p id="class-p4" class="orange apple banana"></p> 291 <div id="class-div3" class="orange banana apple"></div> 292 <p id="class-p6" class="banana apple orange"></p> 293 <div id="class-div4" class="banana orange apple"></div> 294 <div id="class-div5" class="apple orange"></div> 295 <div id="class-div6" class="apple banana"></div> 296 <div id="class-div7" class="orange banana"></div> 297 298 <span id="class-span1" class="台北Táiběi 台北"></span> 299 <span id="class-span2" class="台北"></span> 300 301 <span id="class-span3" class="foo:bar"></span> 302 <span id="class-span4" class="test.foo[5]bar"></span> 303 </div> 304 305 <div id="id"> 306 <div id="id-div1"></div> 307 <div id="id-div2"></div> 308 309 <ul id="id-ul1"> 310 <li id="id-li-duplicate"></li> 311 <li id="id-li-duplicate"></li> 312 <li id="id-li-duplicate"></li> 313 <li id="id-li-duplicate"></li> 314 </ul> 315 316 <span id="台北Táiběi"></span> 317 <span id="台北"></span> 318 319 <span id="#foo:bar"></span> 320 <span id="test.foo[5]bar"></span> 321 </div> 322 323 <div id="descendant"> 324 <div id="descendant-div1" class="descendant-div1"> 325 <div id="descendant-div2" class="descendant-div2"> 326 <div id="descendant-div3" class="descendant-div3"> 327 </div> 328 </div> 329 </div> 330 <div id="descendant-div4" class="descendant-div4"></div> 331 </div> 332 333 <div id="child"> 334 <div id="child-div1" class="child-div1"> 335 <div id="child-div2" class="child-div2"> 336 <div id="child-div3" class="child-div3"> 337 </div> 338 </div> 339 </div> 340 <div id="child-div4" class="child-div4"></div> 341 </div> 342 343 <div id="adjacent"> 344 <div id="adjacent-div1" class="adjacent-div1"></div> 345 <div id="adjacent-div2" class="adjacent-div2"> 346 <div id="adjacent-div3" class="adjacent-div3"></div> 347 </div> 348 <div id="adjacent-div4" class="adjacent-div4"> 349 <p id="adjacent-p1" class="adjacent-p1"></p> 350 <div id="adjacent-div5" class="adjacent-div5"></div> 351 </div> 352 <div id="adjacent-div6" class="adjacent-div6"></div> 353 <p id="adjacent-p2" class="adjacent-p2"></p> 354 <p id="adjacent-p3" class="adjacent-p3"></p> 355 </div> 356 357 <div id="sibling"> 358 <div id="sibling-div1" class="sibling-div"></div> 359 <div id="sibling-div2" class="sibling-div"> 360 <div id="sibling-div3" class="sibling-div"></div> 361 </div> 362 <div id="sibling-div4" class="sibling-div"> 363 <p id="sibling-p1" class="sibling-p"></p> 364 <div id="sibling-div5" class="sibling-div"></div> 365 </div> 366 <div id="sibling-div6" class="sibling-div"></div> 367 <p id="sibling-p2" class="sibling-p"></p> 368 <p id="sibling-p3" class="sibling-p"></p> 369 </div> 370 371 <div id="group"> 372 <em id="group-em1"></em> 373 <strong id="group-strong1"></strong> 374 </div> 375 </div> 376 </body> 377 </html>