JS动态创建DIV动态删除DIV

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

温馨提示!

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

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

该杂文来自：网页制作杂文

上一篇：js设置网页对象背景颜色

下一篇：JS操作客户端文件夹与文件