2024-02-24 07:46:59 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<script src="../include.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
test(() => {
|
|
|
|
|
const cssRule = "* { font-size: 16px; }";
|
|
|
|
|
const sheet = new CSSStyleSheet();
|
|
|
|
|
println(`Empty sheet ownerNode: ${sheet.ownerNode}`);
|
|
|
|
|
println(`Empty sheet ownerRule: ${sheet.ownerRule}`);
|
2024-04-28 14:32:52 +01:00
|
|
|
println(`Empty sheet title: ${sheet.title}`);
|
2024-02-24 07:46:59 +00:00
|
|
|
println(`Empty sheet cssRules is empty: ${sheet.cssRules.length === 0}`);
|
|
|
|
|
println(`Empty sheet is disabled by default: ${sheet.disabled}`);
|
|
|
|
|
|
|
|
|
|
sheet.insertRule(cssRule);
|
|
|
|
|
println(`cssRules length after insertRule(): ${sheet.cssRules.length}`);
|
|
|
|
|
println(`cssRules text: ${sheet.cssRules[0].cssText}`);
|
|
|
|
|
|
|
|
|
|
println(`rules and cssRules are the same object: ${sheet.cssRules === sheet.rules}`);
|
|
|
|
|
|
|
|
|
|
sheet.deleteRule(0);
|
|
|
|
|
println(`cssRules length after deleteRule(): ${sheet.cssRules.length}`);
|
|
|
|
|
|
|
|
|
|
const disabledSheet = new CSSStyleSheet({ disabled: true });
|
|
|
|
|
println(`Disabled sheet is disabled: ${disabledSheet.disabled}`);
|
|
|
|
|
});
|
|
|
|
|
</script>
|
