852293.html (1313B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <meta charset="UTF-8"> 5 <script> 6 "use strict"; 7 8 var i = 0; 9 var x; 10 var fixedDiv; 11 var sheet; 12 13 function start() 14 { 15 clearChildren(document.documentElement); 16 17 for (var j = 0; j < 10; ++j) { 18 document.documentElement.appendChild(document.createElement("div")); 19 } 20 x = document.getElementsByTagName("div")[0]; 21 22 fixedDiv = document.createElementNS("http://www.w3.org/1999/xhtml", "div"); 23 fixedDiv.style.setProperty("position", "fixed", ""); 24 25 setTimeout(makeChanges, 10); 26 } 27 28 function makeChanges() 29 { 30 ++i; 31 x.appendChild(fixedDiv); 32 sheet = document.createElement("style"); 33 sheet.appendChild(document.createTextNode("* { transform: matrix(1, 2, 3, 4, 5, 6); }")); 34 document.documentElement.appendChild(sheet); 35 if (i >= 200) { 36 document.documentElement.removeAttribute("class"); 37 return; 38 } 39 setTimeout(revertChanges, 10); 40 } 41 42 function revertChanges() 43 { 44 x.removeChild(fixedDiv); 45 document.documentElement.removeChild(sheet); 46 bounceDE(); 47 setTimeout(makeChanges, 10); 48 } 49 50 51 function bounceDE() 52 { 53 var de = document.documentElement; 54 document.removeChild(de); 55 document.appendChild(de); 56 } 57 58 function clearChildren(root) 59 { 60 while(root.firstChild) { root.firstChild.remove(); } 61 } 62 63 </script> 64 </head> 65 66 <body onload="start();"></body> 67 </html>