点击button按钮动态生成一个div 
生成的div里右上角加一个关闭按钮 可以动态移除不要display:block和none,那样不是动态

解决方案 »

  1.   

    var doc = document;
    var div = doc.createElement('div');
        div.id="dynamicDiv";
    var closeBtn = doc.createElement('div');
    closeBtn.className="关闭按钮的样式";
    closeBtn.onclick = function(){
        doc.getElementById('dynamicDiv').parentNode.removeChild(div);
    }
    div.appendChild(closeBtn);
    doc.body.appendChild(div);
      

  2.   

    <div id="main"></div>
    <div id="div1" class="hidenDiv"><IMG width="100%" src="./images/blue_back.png" ></div>
    <script language="JavaScript"> 
    var vIMG = document.createElement("IMG "); 
    vIMG.setAttribute("width", "100%"); 
    vIMG.setAttribute("src", "./images/blue_back.png"); 
    var vDIV = document.createElement("DIV"); 
    vDIV.appendChild(vIMG); 
    vDIV.setAttribute("className","middle"); 
    document.getElementById("main").innerHTML = vDIV.innerHTML;
    </script>
      

  3.   

    这是个 动态生成div的例子用js动态生成div1这个层 没有用display:block和none或者你可以试这用 apdiv 浮动方框,
    可以移动:position:absolution
    不可移动:position:static;
      

  4.   

    toggle("slow")或者fadeToggle("slow")或者slideToggle("slow")