您的位置:首页 > 其它

根据insertBefore()衍生出来的insertAfter()函数

2008-09-18 18:36 183 查看
function insertAfter(newElement.targetElement){

var parent=targetElement.parentNode;

if(parent.lastChild == targetElement){

parent.appendChild(newElement);

}else{

parent.insertBefore(newElement,targetElement.nextSibling);

}

}

<script type="text/javascript">

var oTest = document.getElementById("test");

var newNode = document.createElement("h2");

newNode.innerHTML = "This is a test";

oTest.insertBefore(newNode,null);

var newNode1 = document.createElement("h3");

newNode1.innerHTML = "This is a test 333";

oTest.insertBefore(newNode1,newNode);

</script>

<script type="text/javascript">

var oTest = document.getElementById("test");

var x1= document.getElementById("x1");

var x2= document.getElementById("x2");

var newNode = document.createElement("h2");

newNode.innerHTML = "This is a test";

oTest.insertBefore(newNode,x2.previousSibling);

</script>

<script type="text/javascript">

var oTest = document.getElementById("test");

var x2= document.getElementById("x2");

var newNode = document.createElement("h2");

newNode.innerHTML = "This is a test";

oTest.insertBefore(newNode,x2);

</script>

<script type="text/javascript">

var oTest = document.getElementById("test");

var newNode = document.createElement("h2");

newNode.innerHTML = "This is a test";

oTest.insertBefore(newNode,oTest.childNodes[1]);

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: