mozsetimageelement-01.html (1329B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/licenses/publicdomain/ 4 5 Test document.mozSetImageElement() DOM API and check if ID targets are 6 correctly overridden. 7 --> 8 <html> 9 <head> 10 <style> 11 div { 12 width: 10px; 13 height: 10px; 14 } 15 </style> 16 </head> 17 <body style="margin:0"> 18 <div style="background:-moz-element(#d1);"></div> 19 <div style="background:-moz-element(#d2);"></div> 20 <div style="background:-moz-element(#d3);"></div> 21 22 <div style="overflow:hidden; height:0;"> 23 <div id="d1" style="background:red;"></div> 24 <div id="d2" style="background:blue;"></div> 25 <!-- two elements with the same ID: the former one will be used --> 26 <div id="d3" style="background:black;"></div> 27 <div id="d3" style="background:yellow;"></div> 28 </div> 29 30 <script> 31 var d1 = document.getElementById("d1"); 32 var d2 = document.getElementById("d2"); 33 var d3 = document.getElementById("d3"); 34 document.mozSetImageElement("d1", d3); 35 document.mozSetImageElement("d2", null); 36 document.mozSetImageElement("d3", d1); 37 document.mozSetImageElement("d3", null); 38 document.mozSetImageElement("d4", d1); 39 document.mozSetImageElement("", d1); 40 d1.id = "d2"; 41 d2.id = "d1"; 42 </script> 43 </body> 44 </html>