例1,js创建需要插入的内容
<div class="btns">
<input type="button" value="111" id="creatbtn"/>
</div>
<div id="d1">
<div id="d2">test</div>
</div>
document.getElementById('btn').onclick = function () {
var oTest = document.getElementById("d1");
var newNode = document.createElement("div");
newNode.innerHTML = "this is the insert content";
oTest.appendChild(newNode,document.getElementById("d2"));
};
例2,插入已有元素,已有元素会被从当前位置移走,然后被添加到被选元素之前。
<div class="btns">
<input type="button" value="111" id="btn"/>
</div>
<ul id=