348809-2g.html (632B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 span { color: green } 6 :default + span { color: red } 7 span.reverse { color: red } 8 :default + span.reverse { color: green } 9 input { display: none } 10 </style> 11 </head> 12 <body> 13 <form> 14 <div> 15 <input type="checkbox" checked="checked" id="foo"> 16 <span>There should be no red.</span> 17 </div> 18 <div> 19 <input checked="checked" id="bar"> 20 <span class="reverse">There should be no red.</span> 21 </div> 22 </form> 23 <script> 24 var foo = document.body.offsetWidth; 25 document.getElementById("foo").removeAttribute("type"); 26 document.getElementById("bar").setAttribute("type", "checkbox"); 27 </script> 28 </body> 29 </html>