495385-5.html (913B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <style> 5 body > div { border:1px solid black; margin:1em; } 6 div:first-line { color:green; } 7 div:first-letter { color:lime; } 8 .f:first-letter { float:left; } 9 </style> 10 <script> 11 function setH(id) { 12 document.getElementById(id).firstChild.data = "H"; 13 } 14 function insertSpan(id) { 15 var d = document.getElementById(id); 16 var span = document.createElement("span"); 17 span.textContent = "Hello"; 18 d.insertBefore(span, d.firstChild); 19 } 20 function loaded() { 21 setH("d1"); 22 setH("d2"); 23 insertSpan("d3"); 24 insertSpan("d4"); 25 } 26 </script> 27 </head> 28 <body onload="loaded()"> 29 <div> Hello<br>Kitty</div> 30 <div class="f"> <span>Hello</span><br>Kitty</div> 31 <div id="d1"> <span>ello</span><br>Kitty</div> 32 <div id="d2" class="f"> <span>ello</span><br>Kitty</div> 33 <div id="d3"> <span>Hello</span><br>Kitty</div> 34 <div id="d4" class="f"> <span>Hello</span><br>Kitty</div> 35 </body> 36 </html>