mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 06:35:42 +00:00
45 lines
1.3 KiB
HTML
45 lines
1.3 KiB
HTML
<!--
|
|
Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/licenses/publicdomain/
|
|
|
|
Test document.mozSetImageElement() DOM API and check if ID targets are
|
|
correctly overridden.
|
|
-->
|
|
<html>
|
|
<head>
|
|
<style>
|
|
div {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body style="margin:0">
|
|
<div style="background:-moz-element(#d1);"></div>
|
|
<div style="background:-moz-element(#d2);"></div>
|
|
<div style="background:-moz-element(#d3);"></div>
|
|
|
|
<div style="overflow:hidden; height:0;">
|
|
<div id="d1" style="background:red;"></div>
|
|
<div id="d2" style="background:blue;"></div>
|
|
<!-- two elements with the same ID: the former one will be used -->
|
|
<div id="d3" style="background:black;"></div>
|
|
<div id="d3" style="background:yellow;"></div>
|
|
</div>
|
|
|
|
<script>
|
|
var d1 = document.getElementById("d1");
|
|
var d2 = document.getElementById("d2");
|
|
var d3 = document.getElementById("d3");
|
|
document.mozSetImageElement("d1", d3);
|
|
document.mozSetImageElement("d2", null);
|
|
document.mozSetImageElement("d3", d1);
|
|
document.mozSetImageElement("d3", null);
|
|
document.mozSetImageElement("d4", d1);
|
|
document.mozSetImageElement("", d1);
|
|
d1.id = "d2";
|
|
d2.id = "d1";
|
|
</script>
|
|
</body>
|
|
</html>
|