Dzwebs.Net

撰写电脑技术杂文十余年

JS动态创建DIV动态删除DIV

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

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  在网页中,我们可以利用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); 


网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231