每次动态创建div时，如何销毁上次同名div

        ao=document.getElementById(myid); 
document.body.removeChild(ao); 

解决方案 »

  1.   

    楼上的把span销毁了，我销毁的是动态创建的上一个div
      

  2.   

    不需要删除，获取span内的div就好了<span id="id1" onclick="crt_div('id1')">id1</span> 
    <span id="id2" onclick="crt_div('id2')">id2</span> 
    <span id="id3" onclick="crt_div('id3')">id3</span> 
    <script type="text/javascript">
    function crt_div(myid) 
    {  var ao=document.getElementById(myid);
     var divs=ao.getElementsByTagName("div");
     var div;
     if(divs.length==0){div=document.createElement("div"); ao.appendChild(div);}
     else div=divs[0];
     div.innerHTML=new Date().toString()
    }
    </script>
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <script>
    var saveObj;
    var $  = function(id)
    {
    return document.getElementById(id);
    }

    var crt_div = function(id)
    {
    if(typeof saveObj == "object")
    {
    $(id).removeChild(saveObj);
    alert("我是上一次的,我已经被删除了");
    }
    var _div = document.createElement("div");
    _div.setAttribute("id","div_id1");
    var _text = document.createTextNode("idv_id1");
    _div.appendChild(_text);
    $(id).appendChild(_div);
    saveObj = _div;

    }
    </script>
    <body>
    <span id="id1" onclick="crt_div('id1')">fsfdsfsfdsf</span> 
    </body>
    </html>
      

  4.   

    <span id="id1" onclick="crt_div('id1')"></span> 
    <span id="id2" onclick="crt_div('id2')"></span> 
    <span id="id3" onclick="crt_div('id3')"></span> function crt_div(myid) 
    { 
    var ao = document.getElementById(myid); 
    alert(ao.innerHTML);
        var divs = document.getElementsByTagName("DIV");
        for(i = 0; i < divs.length; i++) {
         ao.removeChild(ao.childNodes.item(i));
        }
        var ctdiv1=document.createElement("div");
    ao.appendChild(ctdiv1); 
    }
      

  5.   

    用removeNode
    ----------------------------<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title>
    </head><body> <span id="id1" onclick="crt_div('id1')">span1</span> 
    <span id="id2" onclick="crt_div('id2')">span2</span> 
    <span id="id3" onclick="crt_div('id3')">span3</span> 
    <script>
    function crt_div(myid) 
    {
             var objSpan =document.getElementById( myid )
             var arrDivs = objSpan.getElementsByTagName( "div" );        
            
    for( var i=0;i <arrDivs.length;i++) 
     arrDivs[i].removeNode(true)
            
            var objDiv = document.createElement("div");
            objDiv.innerText = "Div in span " + myid + ' : created time:'  + (new Date())
    objSpan.appendChild(objDiv ); 
    }
    </script> </body></html>
      

  6.   

    <span id="id1" onclick="crt_div('id1')"> </span> 
    <span id="id2" onclick="crt_div('id2')"> </span> 
    <span id="id3" onclick="crt_div('id3')"> </span> 
    function crt_div(myid) 
    { var o=document.getElementById(myid)
    var objDiv;
    if(objDiv){o.removeChild(ctdiv1); }
            ctdiv1=document.createElement("div"); 
    o.appendChild(ctdiv1); 
    }