一聚教程网:一个值得你收藏的教程网站

热门教程

dom增加,删除,节点实例教程

时间:2022-07-02 13:49:02 编辑:袖梨 来源:一聚教程网

dom移除节点代码

// 设置关闭和确定按钮的功能--关闭(移除)提示框      
              btnEnter.onclick=aClose.onclick=function(){
              document.body.removeChild(objId);
              document.body.removeChild(shadow);
              btnShow.disabled=false;

dom增加节点

 

     document.body.appendChild(shadow);
    obj.appendChild(divTitle);
    obj.appendChild(Container);
    obj.appendChild(msgBottom);
    document.body.appendChild(obj);

例子:

     var Btns=document.createElement("div");
    Btns.setAttribute("id","btns");
   
    var btnEnter=document.createElement("a");
    btnEnter.setAttribute("id","btnEnter");
    btnEnter.setAttribute("href","#1");
   
    var txtEnter=document.createTextNode("确定");
   
    btnEnter.appendChild(txtEnter);  
    Btns.appendChild(btnEnter);

js关闭层

var closeBar=document.createElement("div");
    closeBar.setAttribute("id","closebar");

    var A = document.createElement("a");
    /*
    以纯DOM的方法,我们这么写:
    var txtCloseWindow=document.createTextNode("关闭窗口");
    A.appendChild(txtCloseWindow);
    */
    A.innerHTML="关闭窗口";
    A.setAttribute("href","#1");
    A.setAttribute("id","btnClose");
    A.setAttribute("title","关闭窗口");
   
    closeBar.appendChild(A);

热门栏目