CSSStyleDeclaration-custom-properties.html 646 B

1234567891011121314151617181920
  1. <!DOCTYPE html>
  2. <script src="../include.js"></script>
  3. <body></body>
  4. <script>
  5. test(() => {
  6. const div = document.createElement('div');
  7. div.style.setProperty("--redcolor", "red");
  8. println(`style.getPropertyValue(--redcolor)=${div.style.getPropertyValue("--redcolor")}`);
  9. const nested = document.createElement('div');
  10. nested.style["backgroundColor"] = "var(--redcolor)";
  11. nested.style["width"] = "100px";
  12. nested.style["height"] = "100px";
  13. div.appendChild(nested);
  14. document.body.appendChild(div);
  15. println(getComputedStyle(nested).backgroundColor);
  16. });
  17. </script>