JavaScript生成新标签的三个方法（摘抄自留）

<div id="d1"></div>
 <script>
     //HTML
     function a(){
         document.getElementById("d1").innerHTML="<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>";
     }
     a();
     //方法
     function b(){
         var d1=document.getElementById("d1");
         var img=document.createElement("img");
         img.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";
         d1.appendChild(img);
     }
     b();
     //对象
     function c(){
         var cc=new Image();
         cc.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";
         document.getElementById("d1").appendChild(cc);
         pload();
     }
     c();
 </script>

使用JavaScript或者jQuery的方法相对灵活一些

<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
     <script type='text/javascript'>
     $('.hello').html("<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'></img>"); // 覆盖原来标签的内容
     $('.hello').append("<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'></img>"); // 追加(标签内)
     $('.hello').after("<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'></img>"); // 追加(标签外)后
     </script>