JS添加删除DIV的简单实例
更新时间：2016年07月08日 11:16:13 投稿：jingxian
下面小编就为大家带来一篇JS添加删除DIV的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
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添加删除DIV的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
cssSlidy是一款支持手机移动端的焦点图轮播插件，支持标题设置，滑动动画，间隔时间等。这篇文章主要基于cssSlidy.js插件实现响应式手机图片轮播效果，2016-08-08
Firefox和Opera对PNG的支持非常的好，都是IE却无视PNG图片这一特性的“存在”，虽然IE7已经支持都是IE6还是不行。2009-09-09
这篇文章主要介绍了Js生成随机数/随机字符串的方法,结合实例形式总结分析了5种Js生成随机数/随机字符串的操作技巧,需要的朋友可以参考下2020-05-05
js arguments,jcallee caller用法总结
这篇文章主要介绍了js中arguments, jcallee caller用法。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要为大家详细介绍了JS实现前端分页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
下面小编就为大家带来一篇常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
详解JavaScript中if语句优化和部分语法糖小技巧推荐
在前端日常开发过程中，if else判断语句使用的次数应该是比较频繁的了，一些较为复杂的场景，可能会用到很多判断，本文给大家介绍JavaScript中if语句优化和部分语法糖小技巧，感兴趣的朋友一起看看吧2022-05-05
这篇文章主要介绍了Nuxt v-bind绑定img src不显示的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
对于初学 JavaScript 的人来说 prototype 是一种很神奇的特性，而事实上，prototype 对于 JavaScript 的意义重大，prototype 不仅仅是一种管理对象继承的机制，更是一种出色的设计思想。2011-02-02
这篇文章主要介绍了解决超出JS的安全整数的限制范围问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
最新评论