大众计算机学习网

专门提供各种电脑教程

JS动态创建DIV动态删除DIV

Admin | 2015-4-6 10:49:00 | 被阅次数 | 6857

  在网页中,我们可以利用JS脚本语言,在页面当中动态的创建div对象,同时,也能根据需要删除那些不必要的div。

  一、动态创建div代码

  var msgDiv = document.createElement("div"); 
        msgDiv.id = "msgDivId"; 
        msgDiv.style.position = "absolute";  
        msgDiv.style.top = 50; 
        msgDiv.style.left = 50; 
        msgDiv.style.width = 200; 
        msgDiv.style.height = 100; 
 
        msgDiv.style.background = '#FEEFA0'; 
        msgDiv.style.border = "1px solid #6633FF"; 
        msgDiv.align = "center"; 
        var str = "<br><br>这里就是动态div里面的内容。</a>";  
        msgDiv.innerHTML = str; 
        document.body.appendChild(msgDiv); 

  二、动态删除div代码

  var msgDiv = document.getElementById("msgDivId"); 
        if(msgDiv!=null) 
        document.body.removeChild(msgDiv);