38 lines
1.4 KiB
HTML
38 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<body>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
<script>
|
|
description("Test that setting CSS properties via CSSStyleDeclaration behaves as expected");
|
|
|
|
var div = document.createElement("div");
|
|
shouldBeEqualToString("div.style.cssText", "");
|
|
evalAndLog("div.style.backgroundColor = 'red'");
|
|
shouldBeEqualToString("div.style.cssText", "background-color: red;");
|
|
shouldBeEqualToString("div.style.getPropertyValue('background-color')", "red");
|
|
shouldBe("div.style.length", "1");
|
|
|
|
debug("");
|
|
// Setting to empty string should delete the property.
|
|
evalAndLog("div.style.backgroundColor = ''");
|
|
shouldBeEqualToString("div.style.cssText", "");
|
|
shouldBeEqualToString("div.style.getPropertyValue('background-color')", "");
|
|
shouldBe("div.style.length", "0");
|
|
|
|
debug("");
|
|
evalAndLog("div.style.backgroundColor = 'red'");
|
|
shouldBeEqualToString("div.style.cssText", "background-color: red;");
|
|
shouldBeEqualToString("div.style.getPropertyValue('background-color')", "red");
|
|
shouldBe("div.style.length", "1");
|
|
|
|
debug("");
|
|
// Setting to null should delete the property (null is treated as the empty string).
|
|
evalAndLog("div.style.backgroundColor = null");
|
|
shouldBeEqualToString("div.style.cssText", "");
|
|
shouldBeEqualToString("div.style.getPropertyValue('background-color')", "");
|
|
shouldBe("div.style.length", "0");
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|