| OLD | NEW |
| (Empty) | |
| 1 <!doctype html> |
| 2 |
| 3 <pre style="var-a: override me; var-a: apple; var-b: banana;"></pre> |
| 4 |
| 5 <script> |
| 6 if (window.testRunner) { |
| 7 window.testRunner.dumpAsText(); |
| 8 } |
| 9 |
| 10 var pre = document.querySelector("pre"); |
| 11 |
| 12 pre.innerHTML += "Count vars: " + pre.style.var.size + "\n"; |
| 13 pre.innerHTML += "\n"; |
| 14 |
| 15 pre.innerHTML += "Access vars directly:\n"; |
| 16 pre.innerHTML += "a: " + pre.style.var.get("a") + "\n"; |
| 17 pre.innerHTML += "b: " + pre.style.var.get("b") + "\n"; |
| 18 pre.innerHTML += "\n"; |
| 19 |
| 20 pre.innerHTML += "Access non existent var:\n"; |
| 21 pre.innerHTML += "z: " + pre.style.var.get("z") + "\n"; |
| 22 pre.innerHTML += "\n"; |
| 23 |
| 24 pre.innerHTML += "Setting c to carrot and d to dog...\n"; |
| 25 pre.style.var.set("c", "carrot"); |
| 26 pre.style.var.set("d", "dog"); |
| 27 pre.innerHTML += "\n"; |
| 28 |
| 29 pre.innerHTML += "Count vars: " + pre.style.var.size + "\n"; |
| 30 pre.innerHTML += "\n"; |
| 31 |
| 32 pre.innerHTML += "Access vars directly:\n"; |
| 33 pre.innerHTML += "a: " + pre.style.var.get("a") + "\n"; |
| 34 pre.innerHTML += "b: " + pre.style.var.get("b") + "\n"; |
| 35 pre.innerHTML += "c: " + pre.style.var.get("c") + "\n"; |
| 36 pre.innerHTML += "d: " + pre.style.var.get("d") + "\n"; |
| 37 |
| 38 </script> |
| OLD | NEW |