| 123456789101112131415161718192021222324 |
- <!DOCTYPE html>
- <script src="../include.js"></script>
- <body></body>
- <script>
- test(() => {
- const div = document.createElement('div');
- div.style.setProperty("--redcolor", "red");
- println(`style.getPropertyValue(--redcolor)=${div.style.getPropertyValue("--redcolor")}`);
- println(`style.getPropertyPriority(--redcolor)=${div.style.getPropertyPriority("--redcolor")}`);
- const nested = document.createElement('div');
- nested.style["backgroundColor"] = "var(--redcolor)";
- nested.style["width"] = "100px";
- nested.style["height"] = "100px";
- div.appendChild(nested);
- document.body.appendChild(div);
- println(getComputedStyle(nested).backgroundColor);
- div.style.removeProperty("--redcolor");
- println(getComputedStyle(nested).backgroundColor);
- });
- </script>
|
