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>

预留动态加入形式的js代码：

 $(function(){
     $(".add_station").click(function(){
         $(this).after('<p class="add_station">就是你</p>');
     });
 });
 // 新生成的元素，没有单击触发事件（原来的有，新生成的没有）

 $(function(){
     $(".add_station").live('click' , function(){
         $(this).after('<p class="add_station">就是你</p>');
     });
 }); // 这个代码可以解决这个问题