js中常用追加元素的幾種方法：append，appendTo，after，before，insertAfter，insertBefore，appendChild
阿新 • • 發佈：2017-07-11
pre gre con 常用 align lin width insert rip
").appendTo($("#wrap"));
});
//prepend(),在父級最前面追加一個子元素
$(".prepend").click(function(){
$("#wrap").prepend("js中常用追加元素的幾種方法,點擊下面每個按鈕，即可查看效果
我是第一個子元素
我是第二個子元素
我是子元素prepend
"); }); //prependTo(),將子元素追加到父級的最前面 $(".prependTo").click(function(){ $("我是子元素prependTo
我是同級元素after
"); }); //before(),在當前元素之前追加（是同級關系） $(".before").click(function(){ $("#wrap").before("我是同級元素before
我是同級元素insertAfter
").insertAfter($("#wrap")); }); //insertBefore(),將元素追加到指定對象的前面（是同級關系） $(".insertBefore").click(function(){ $("我是同級元素insertBefore
").insertBefore($("#wrap")); }); }); //appendChild(),在節點的最後追加子元素 function appChild(){ // 創建p節點 var para=document.createElement("p"); // 創建文本節點 var node=document.createTextNode("我是子集appendChild新段落。"); // 把文本節點添加到p節點裏 para.appendChild(node); // 查找div1 var element=document.getElementById("wrap"); // 把p節點添加到div1裏 element.appendChild(para); } // ]]>js中常用追加元素的幾種方法：append，appendTo，after，before，insertAfter，insertBefore，appendChild