OLD | NEW |
---|---|
1 <!doctype html> | 1 <!doctype html> |
2 | 2 |
3 <pre style="var-a: override me; var-a: apple; var-b: banana;"></pre> | 3 <pre style="var-a: override me; var-a: apple; var-b: banana;"></pre> |
4 | 4 |
5 <script> | 5 <script> |
6 if (window.testRunner) { | 6 if (window.testRunner) { |
7 window.testRunner.dumpAsText(); | 7 window.testRunner.dumpAsText(); |
8 } | 8 } |
9 | 9 |
10 var pre = document.querySelector("pre"); | 10 var pre = document.querySelector("pre"); |
11 | 11 |
12 function outputItem (value, name) { | |
13 pre.innerText += name + ": " + value + "\n"; | |
14 } | |
15 | |
16 pre.innerText += "Equal variables declaration objects on multiple accesses: "; | |
17 pre.innerText += ((pre.style.var === pre.style.var) ? "pass": "fail") + "\n"; | |
esprehn
2013/09/12 01:13:42
Same deal here.
| |
18 pre.innerText += "\n"; | |
19 | |
12 pre.innerText += "Inline style CSS text: " + pre.style.cssText + "\n"; | 20 pre.innerText += "Inline style CSS text: " + pre.style.cssText + "\n"; |
13 pre.innerText += "\n"; | 21 pre.innerText += "\n"; |
14 | 22 |
15 pre.innerText += "Count vars: " + pre.style.var.size + "\n"; | 23 pre.innerText += "Count vars: " + pre.style.var.size + "\n"; |
16 pre.innerText += "\n"; | 24 pre.innerText += "\n"; |
17 | 25 |
18 pre.innerText += "Access vars directly:\n"; | 26 pre.innerText += "Access vars directly:\n"; |
19 pre.innerText += "a: " + pre.style.var.get("a") + "\n"; | 27 pre.innerText += "a: " + pre.style.var.get("a") + "\n"; |
20 pre.innerText += "b: " + pre.style.var.get("b") + "\n"; | 28 pre.innerText += "b: " + pre.style.var.get("b") + "\n"; |
21 pre.innerText += "\n"; | 29 pre.innerText += "\n"; |
22 | 30 |
31 pre.innerText += "Enumerate vars:\n"; | |
32 pre.style.var.forEach(outputItem); | |
33 pre.innerText += "\n"; | |
34 | |
23 pre.innerText += "Access non existent var:\n"; | 35 pre.innerText += "Access non existent var:\n"; |
24 pre.innerText += "z: " + pre.style.var.get("z") + "\n"; | 36 pre.innerText += "z: " + pre.style.var.get("z") + "\n"; |
25 pre.innerText += "\n"; | 37 pre.innerText += "\n"; |
26 | 38 |
27 pre.innerText += "Setting c to carrot and d to dog...\n"; | 39 pre.innerText += "Setting c to carrot and d to dog...\n"; |
28 pre.style.var.set("c", "carrot"); | 40 pre.style.var.set("c", "carrot"); |
29 pre.style.var.set("d", "dog"); | 41 pre.style.var.set("d", "dog"); |
30 pre.innerText += "\n"; | 42 pre.innerText += "\n"; |
31 | 43 |
32 pre.innerText += "Count vars: " + pre.style.var.size + "\n"; | 44 pre.innerText += "Count vars: " + pre.style.var.size + "\n"; |
33 pre.innerText += "\n"; | 45 pre.innerText += "\n"; |
34 | 46 |
35 pre.innerText += "Access vars directly:\n"; | 47 pre.innerText += "Access vars directly:\n"; |
36 pre.innerText += "a: " + pre.style.var.get("a") + "\n"; | 48 pre.innerText += "a: " + pre.style.var.get("a") + "\n"; |
37 pre.innerText += "b: " + pre.style.var.get("b") + "\n"; | 49 pre.innerText += "b: " + pre.style.var.get("b") + "\n"; |
38 pre.innerText += "c: " + pre.style.var.get("c") + "\n"; | 50 pre.innerText += "c: " + pre.style.var.get("c") + "\n"; |
39 pre.innerText += "d: " + pre.style.var.get("d") + "\n"; | 51 pre.innerText += "d: " + pre.style.var.get("d") + "\n"; |
esprehn
2013/09/12 01:13:42
innerText += like this is really expensive, this t
alancutter (OOO until 2018)
2013/09/13 03:06:14
Done.
| |
52 pre.innerText += "\n"; | |
53 | |
54 pre.innerText += "Enumerate vars:\n"; | |
55 pre.style.var.forEach(outputItem); | |
40 | 56 |
41 </script> | 57 </script> |
OLD | NEW |