javascript学习总结4

function createImg(){

 var imgEle=document.createElement("img");
  imgEle.setAttribute("id","ima");  
  imgEle.setAttribute("src","zhanweifu");
document.getElementsByTagName("body")[0].appendChild(imgEle);  
}

 

对于新create的元素，javascript有个

insertBefore(newchild,refchild)

函数；但是如果我想把占位的图片插在链接的后面呢，没有insertAfter()函数，虽然本例用document.getElementsByTagName("body")[0].appendChild(imgEle);  就可做到，但是若链接后还有个元素节点怎么办呢？

可以写一个这样的函数

function insertAfter(newChild,refChild){
     var parentNode=refChild.parsentNode;
    if(!refChild.nextSibling) {
        parentNode.appendChild(newChild);
    }else{
      parentNode.insertBefore(newChild,refChild.nextSibling);
     }
}

function createImg(){

 var imgEle=document.createElement("img");
  imgEle.setAttribute("id","ima");  
  imgEle.setAttribute("src","zhanweifu"); 
var  refChild=document.getElementById("perp");
insertAfter(imgEle,refChild);
}