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>');
    });
}); // 这个代码可以解决这个问题