js添加删除div的例子

发布时间:2019-08-06编辑:脚本学堂
本文介绍了js实现添加与删除div的例子,另外还有js确认删除弹出框的例子,有需要的朋友参考下。

例1,js添加删除div。
 

复制代码 代码示例:
function adddiv(w,h){
    //如果原来有“divcell”这个图层,先删除这个图层
    deletediv();
    //创建一个div  
    var my = document.createelement("divcell");  
    //添加到页面  
    document.body.appendchild(my);  
    //通过样式指定该div的位置方式,若是想要自己设置div的位置,这句话必须有,把它注释掉你就可以知道效果拉~试试看  
    my.style.position="absolute";  
    //通过样式指定x坐标(随机数0~450)  
    my.style.top= math.round(math.random()*450);  
    //通过样式指定y坐标(随机数0~700)  
    my.style.left= math.round(math.random()*700);  
    //通过样式指定宽度  
    my.style.width=w;  
    //通过样式指定高度  
    my.style.height=h;  
    //通过样式指定背景颜色,,若是背景图片 例为my.style.backgroundimage="url(img/3.jpg)"  
    my.style.backgroundcolor="#ffffcc";  
    //添加div的内容  
    //my.innerhtml=i++;
    //设置样式透明
    my.style.filter = "alpha(opacity=50)";
    //设置id
    my.id = "divcell"; 
 }
 
 function deletediv()
 {
    var my = document.getelementbyid("divcell");
    if (my != null)
        my.parentnode.removechild(my);
 }

例2,js 确认删除弹出框 
 

复制代码 代码示例:
<a onclick="javascript:{if (confirm('是否确认删除')){self.location='flights!delete.action?id=${id}';}}" href="#">删除</a>

以上这个比较简单,更多js 确认删除弹出框的例子,参考: