<html>
<head>
</head>
<body>
<div id='div1'></div>
<input type = 'button' onclick='addElement()' value='我手贱~添一个元素~我手贱~'>
<input type = 'button' onclick='dropElement()' value='嗯，我删死你！！'>
</body>
<script>
var i = 1;
function addElement(){
var div = document.createElement('div');
div.style.backgroundColor = 'red';
div.style.fontSize = '100px';
div.innerHTML = '嘿嘿~你删我啊~你删我啊~~';
div.id = 'Elem'+i;
document.getElementById('div1').appendChild(div);
i++;
}
function dropElement(){
var aaa = document.getElementById('Elem'+(i-1));
document.getElementById('div1').removeChild(aaa);
i--;
}
</script>
</html>
分享到：
相关推荐
我实现了多个div的动态添加，并且实现指定div的删除。 实现这个功能一些问题，添加多个div，它们id就可能会相同，这对我们无论后台还是前台处理都有麻烦的问题。所以我对id进行自增，然后就是要实现对指定div的删除...
JS添加删除DIV的简单实例 function addDiv(w,h){ //如果原来有“divCell”这个图层，先删除这个图层 deleteDiv(); //创建一个div var my = document.createElement("divCell"); //添加到页面 document.body....
页面购物车的添加删除，使用JS和div/css
未选择状态下，单击DIV上可选中此DIV。 <br>未选择状态下，单击在背景上按住左键拖动产生范围虚线框，在此范围虚线框... <br>删除选中DIV，选中DIV后，按下按钮或者快捷键“Delete”、“.”可删除所有选中的DIV。
未选择状态下，单击DIV上可选中此DIV。 <br>未选择状态下，单击在背景上按住左键拖动产生范围虚线框，在此范围虚线框... <br>删除选中DIV，选中DIV后，按下按钮或者快捷键“Delete”或“.”可删除所有选中的DIV。
JS自由拖拽DIV布局最新优化版2013-01-15 支持改变布局 添加删除DIV 在原作者ikaiser上优化，感谢ikaiser大神！
实现了记事本的添加，已完成和删除待办事项的基本功能。 下面是程序实现的全部代码： 1.实现效果展示 2.HTML代码 <head> <meta charset="UTF-8"> <title>TodoList</title> //导入css文件 ...
这篇文章主要介绍了JS如何实现动态添加的元素绑定事件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 最近做的项目要实现一个动态添加动态删除的功能，思考了...
主要介绍了js动态创建及移除div的方法,涉及javascript针对页面元素的动态操作技巧,需要的朋友可以参考下
下面介绍一下如何给一个节点添加和删除class名 添加：节点.classList.add(“类名”)； 删除：节点.classList.remove(“类名”)； 以tab切换为例： 在写tab切换的时候，通常我们会给选中的tab设置不同的样式，常用的...
本文实例讲述了jquery实现增加删除行的方法。分享给大家供大家参考。具体分析如下： 最近做一个投票管理的模块，需要添加问题选项，为了方便，就简单地实现了表格行的添加、删除。 注：需引入jquery.js 先上效果图：...
最近使用vue需要实现一个点餐选择商品规格的页面，需要通过vue动态的给被点击的元素添加class名字，使其变色，其他的删除class。如图： 开始在网上找了许多办法发现不是太好用，最后找到一个发现还是不错的，记录...
本文实例讲述了JS添加或删除HTML dom元素的方法。分享给大家供大家参考，具体如下： 创建新的 HTML 元素 如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。 <div...
1.表格动态添加，也可删除 <div class=TestWord> 添加行数 保存 xss=removed> 书名> <e
vue+el-upload多文件动态上传，供大家参考，具体内容如下 使用场景 点击【添加/删除】，可动态增加/删除行数，并为每行上传附件，附件暂存前端，点击【上传】可以将所有附件和部分名称同时提交后台，实现表格的...
3.1.6 文字的下划线、顶划线和删除线 3.1.7 英文字母大小写 3.2 文字实例一：模拟Google公司Logo 3.3 文字实例二：制作页面的五彩标题 3.4 CSS段落文字 3.4.1 段落的水平对齐方式 3.4.2 段落的...
右上角的图片可自己换图片，图片素材我就不放上来了，我就上个代码，挺简单的css和js，初学者应该也看得明白 </pre><pre name=code class=html><!DOCTYPE ...
环境描述：就像你一般在论坛上发表文章，可能带附件，附件的数量是你手动添加删除的！！/*************************************************************************** 添加审批表单模板*************************...
大家先看看页面效果吧,当当当当“““““““““““` 图中第二个选题是小颖...<div class=main-container> <div class=form-horizontal> (subjectIndex,subject) in question'> <div class=form-group> 选题: <