第一種 function insertEle() {
var oTest = document.getElementById( "box-one" );
var newNode = document.createElement( "div" );
var reforeNode = document.getElementById( "p1" );
newNode.innerHTML = " This is a newcon " ;
oTest.insertBefore(newNode,reforeNode.nextSibling); //新建的元素節(jié)點插入id為P1節(jié)點元素的后面,。
}
|
第二種 // 自定義函數(shù)向后插入
function insertAfter( newElement, targetElement)
{
var parent = targetElement.parentNode;
if ( parent.lastChild == targetElement )
{
// 如果最后的節(jié)點是目標(biāo)元素,,則直接添加。因為默認(rèn)是最后
parent.a( newElement );
}
else
{
//如果不是,,則插入在目標(biāo)元素的下一個兄弟節(jié)點的前面,。也就是目標(biāo)元素的后面
parent.insertBefore( newElement, targetElement.nextSibling );
}
}
|