根據insertBefore()衍生出來的insertAfter()函數

1.  function insertAfter(newElement.targetElement){
2. var parent=targetElement.parentNode;
3. if(parent.lastChild == targetElement){
4. parent.appendChild(newElement);
5. }else{
6. parent.insertBefore(newElement,targetElement.nextSibling);
7. }
8. }
9. 1. <script type="text/javascript">
   2. var oTest = document.getElementById("test");
   3. var newNode = document.createElement("h2");
   4. newNode.innerHTML = "This is a test";
   5. oTest.insertBefore(newNode,null);
   6. var newNode1 = document.createElement("h3");
   7. newNode1.innerHTML = "This is a test 333";
   8. oTest.insertBefore(newNode1,newNode);
   9. </script>
   10. <script type="text/javascript">
   11. var oTest = document.getElementById("test");
   12. var x1= document.getElementById("x1");
   13. var x2= document.getElementById("x2");
   14. var newNode = document.createElement("h2");
   15. newNode.innerHTML = "This is a test";
   16. oTest.insertBefore(newNode,x2.previousSibling);
   17. </script>
   18. <script type="text/javascript">
   19. var oTest = document.getElementById("test");
   20. var x2= document.getElementById("x2");
   21. var newNode = document.createElement("h2");
   22. newNode.innerHTML = "This is a test";
   23. oTest.insertBefore(newNode,x2);
   24. </script>
   25. <script type="text/javascript">
   26. var oTest = document.getElementById("test");
   27. var newNode = document.createElement("h2");
   28. newNode.innerHTML = "This is a test";
   29. oTest.insertBefore(newNode,oTest.childNodes[1]);
   30. </script>