大众计算机学习网欢迎诸位!收藏本站注 册登 陆
常用教程:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 教程 > 文章页

JS动态创建DIV动态删除DIV

Admin | 2015-4-6 10:49:00 | ReadNums | 2748 | 标签 网页制作 | 打印本页
     

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


问题未解决:搜索文章

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
感谢大家的支持。
20xx年x月x日

……