|
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.removeChild(root.firstChild); } |
|
61 } |
|
62 |
|
63 </script> |
|
64 </head> |
|
65 |
|
66 <body onload="start();"></body> |
|
67 </html> |