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);
}

 

posted on 2013-11-08 18:59  xxyyjj  阅读(122)  评论(0编辑  收藏  举报