LibWeb: Make CSSStyleDeclaration a legacy platform object with indices

CSSStyleDeclaration has an indexed property getter, which returns
properties associated with the object in the order they were specified
in.
This commit is contained in:
Luke Wilde 2024-11-14 17:05:56 +00:00 committed by Andreas Kling
commit a94282e0e8
Notes: github-actions[bot] 2024-11-14 18:51:15 +00:00
3 changed files with 247 additions and 0 deletions

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<script src="../include.js"></script>
<script>
test(() => {
const bodyStyleDeclaration = getComputedStyle(document.body);
const serializedBodyComputedStyle = JSON.stringify(bodyStyleDeclaration, null, 4);
println("All properties associated with getComputedStyle(document.body):");
println(serializedBodyComputedStyle);
const serializedBodyElementStyle = JSON.stringify(document.body.style, null, 4);
println("All properties associated with document.body.style by default:");
println(serializedBodyElementStyle);
document.body.style.display = "none";
document.body.style.backgroundColor = "red";
document.body.style.fontSize = "15px";
const serializedBodyElementStyleWithSetProperties = JSON.stringify(document.body.style, null, 4);
println("All properties associated with document.body.style after setting some properties:");
println(serializedBodyElementStyleWithSetProperties);
});
</script>