li-insert-child.html (1246B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html class="reftest-wait"><head> 7 <meta charset="utf-8"> 8 <title>Test: Insert text node as first child in LI</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> 10 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1567773"> 11 <link rel="match" href="li-insert-child-ref.html"> 12 <style> 13 ul.inside { list-style-position: inside; } 14 .before::before { content: "before"; } 15 .after::after { content: "after"; } 16 </style> 17 </head> 18 <body> 19 20 <ul class="inside"> 21 <li>B</li> 22 </ul> 23 24 <ul class="inside"> 25 <li class="before">B</li> 26 </ul> 27 28 <ul class="inside"> 29 <li class="after">B</li> 30 </ul> 31 32 <ul class="inside"> 33 <li class="before after">B</li> 34 </ul> 35 36 <ul> 37 <li>B</li> 38 </ul> 39 40 <ul> 41 <li class="before">B</li> 42 </ul> 43 44 <ul> 45 <li class="after">B</li> 46 </ul> 47 48 <ul> 49 <li class="before after">B</li> 50 </ul> 51 52 <script> 53 document.body.offsetHeight; 54 let items = Array.prototype.slice.call(document.querySelectorAll('li')); 55 items.map(li => li.insertBefore(document.createTextNode('A'), li.firstChild)); 56 document.documentElement.className = ''; 57 </script> 58 59 </body> 60 </html>