zoukankan      html  css  js  c++  java
  • 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);
     }

  • 相关阅读:
    js -- use strict
    css布局—— 固定+自适应
    web前端安全问题(转载)
    清除float浮动
    源码核心动画01-CALayer-基本使用(了解)
    源码0308-画板
    源码0306-手势解锁
    源码0301-图片水印-裁剪-截屏-截取-擦除
    源码0309-雪花(定时器)-图形上下文状态栈-矩阵操作
    源码0308-模仿UIImageView
  • 原文地址:https://www.cnblogs.com/914556495wxkj/p/3673645.html
Copyright © 2011-2022 走看看