JavaScript生成新標簽的三個方法（摘抄自留）

 1     <div id="d1"></div>
 2 <script>
 3     //HTML
 4     function a(){
 5         document.getElementById("d1").innerHTML="<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>";
 6     }
 7     a();
 8     //方法
 9     function b(){
10         var d1=document.getElementById("d1");
11         var img=document.createElement("img");
12         img.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";
13         d1.appendChild(img);
14     }
15     b();
16     //對象
17     function c(){
18         var cc=new Image();
19         cc.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";
20         document.getElementById("d1").appendChild(cc);
21         pload();
22     }
23     c();
24 </script>

使用JavaScript或者jQuery的方法相對靈活一些

1     <script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
2     <script type='text/javascript'>
3     $('.hello').html("<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'></img>"); // 覆蓋原來標簽的內容
4     $('.hello').append("<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'></img>"); // 追加(標簽內)
5     $('.hello').after("<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'></img>"); // 追加(標簽外)後
6     </script>

預留動態加入形式的js代碼：

 1 $(function(){
 2     $(".add_station").click(function(){
 3         $(this).after('<p class="add_station">就是你</p>');
 4     });
 5 });
 6 // 新生成的元素，沒有單擊觸發事件（原來的有，新生成的沒有）
 7 
 8 $(function(){
 9     $(".add_station").live('click' , function(){
10         $(this).after('<p class="add_station">就是你</p>');
11     });
12 }); // 這個代碼可以解決這個問題