• 所有问题

    • 用JS怎么控制添加或删除DIV？

    比如我点一下页面上的添加按钮，下面就去多加一个文本框，再点就会再加一个文本框。点删除按钮去掉一个文本框，再点就再去掉一个文本框。这应该怎么做？

    举报该问题
    推荐答案   推荐于2018-06-21
    document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。
    其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
    1、添加DIV
    function addDiv(w,h){
    //如果原来有“divCell”这个图层，先删除这个图层
    deleteDiv();
    //创建一个div
    var newdiv = document.createElement("divCell");
    //添加到页面
    document.body.appendChild(newdiv);
    //通过样式指定该div的位置方式,若是想要自己设置div的位置,这句话必须有,把它注释掉你就可以知道效果拉~试试看
    newdiv.style.position="absolute";
    //通过样式指定x坐标(随机数0~450)
    newdiv.style.top= Math.round(Math.random()*450);
    //通过样式指定y坐标(随机数0~700)
    newdiv.style.left= Math.round(Math.random()*700);
    //通过样式指定宽度
    newdiv.style.width=w;
    //通过样式指定高度
    newdiv.style.height=h;
    //通过样式指定背景颜色,,若是背景图片 例为 newdiv.style.backgroundImage="url(img/3.jpg)"
    newdiv.style.backgroundColor="#ffffcc";
    //添加div的内容
    //newdiv.innerHTML=i++;
    //设置样式透明
    newdiv.style.filter = "alpha(opacity=50)";
    //设置ID
    newdiv.id = "divCell";
    }
    2、删除DIV
    function deleteDiv()
    {
    var my = document.getElementById("divCell");
    if (my != null)
    my.parentNode.removeChild(my);
    }
    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  2020-05-11
    <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <script type="text/javascript"> var detail_div = 1; function add_div() { var e = document.getElementById("details"); var div = document.createElement("div"); div.className = "form-group"; div.id = "details" + detail_div; div.innerHTML = e.innerHTML; document.getElementById("form").appendChild(div); detail_div++; } function del_div() { var id = "details" + (detail_div - 1).toString(); var e = document.getElementById(id) ; document.getElementById("form").removeChild(e); detail_div--; } </script> <body> <DIV id="form"> <div class="form-group" id="details"> <div class="form-inline"> DIV内容 <button type="button" class="button btn-light" id="add-btn" onclick="add_div()">添加</button> <button type="button" class="button btn-light" id="del-btn" onclick="del_div()">删除</button> </div> </DIV> </body></html>
    第2个回答  2011-12-09
    function(){
    //添加
    $("#div1").append("<input type="text" id="txt1" value=""/>");
    //删除
    $(“#txt1”).remove();
    }
    -----------------------
    <body>
    <div="dvi1">

    </div>
    </body>
    我是用jquery写的，js 方法类似 名称不同而已
    第3个回答  2011-12-09
    占位 等下回答 写个列子你追问



    就是这样啊，点添加就加一个，再点就再加，点删除就删除一个

    追答



    手写html

    var i=0;
    $(function(){
    $("#a").click(
    function(){
    var text =$("");
    i=i+1;
    $("#c").append(text);
    });

    $("#b").click(function(){
    $("#"+(i-1)+"").remove();
    i=i-1;
    });
    });

    记得先百度下个1.7.js放在和这个页面同个目录下。或者留个邮箱发你。这个是JQuery写的

    本回答被提问者采纳
    相似回答
    JS如何添加删除div答：html代码如下：<div id="box"> <div id="inbox">ddddddddddddddddd</div></div><input type="button" id="remove" value="删除DIV" />第一种:直接jquery的remove：下载个jQuery的文件，然后引入jQuery文件：<script type="text/javascript" src="xxxx.jquery.js"></script> <script ...
    js或者jquery,点击删除删除某个div问题答：1、新建HTML文件。2、引入jquery.min.js文件。3、创建div和按钮并添加class样式。4、接下来需要创建css样式。5、创建js点击事件。6、当点击按钮移除div元素。7、点击按钮效果如图所示。
    js 如何删除某个div下的div元素答：最好给需要删除的div元素定义一个ID，以方便对其进行操作；注意JS中是没有remove();方法的，在jquery中就可以直接使用 $("#divID").remove();移除该元素；这样非常方便、简单。js中的话要通过获取该元素的父级元素，再调用..removeChild(要删除的元素);测试demo：...
    如何利用js向指定位置添加一个div层?答：把外链接的JS加载到body后面，在这个JS里面用类似这样的代码：var div = document.createElement('div'); // 新增元素var diva = document.getElementById('a'); // 获取id为a的元素diva.parentNode.insertBefore(div, diva); // 在这个元素前面增加上去 ...
    js点击动态删除添加div答：添加删除Div，有很多种方法。下面具一个简单的方法。通过修改html内容来操作 <body><input type="button" id="btn"/><a href="javascript:;" id="div-box"></a></body><script> var oBtn = document.getElementById('btn'); var oBox = document.getElementById('div-box'); o...
    如何利用js向指定位置添加一个div层答：1、利用js代码首先创建一个div，document.createElement('div');2、确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。3、确定位置之后，显示div即可。示例：比如html中有一个文本输入框，我们现在需要在挨着输入框右下角位置显示一个div。<input type="...
    js实现删除div,点击一个,删除对应的div?答：<title>删除自己的div</title> <style> .wrap { width: 400px;height: 400px;background-color: aqua;} .user-info { width: 390px;height: 120px;border: 1px solid red;} </style> </head> <body> <div class="wrap"> <div class="del"> <div class="user-info">我是1</div>...
    如何清除JS创建的DIV?答：代码如下：function addDiv(w,h){ deleteDiv();//创建一个div var my = document.createElement("divCell");//添加到页面 document.body.appendChild(my);my.style.position="absolute";//通过样式指定x坐标(随机数0~450)my.style.top= Math.round(Math.random()*450);//通过样式指定y坐标(...
    ...动态添加div同时给div增加了一个id,然后想通过这个id把这个div删 ...答：1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。2、在index.html中的<script>标签，输入jquery代码：var a = 125;$('body').append('<div id="id' + a +'">hello</div>');3、浏览器运行index.html页面，此时动态添加div成功。4、再输入js代码：$('#id' + a)...
    大家正在搜
    怎样添加控制中心附加控制添加的表情怎么删除苹果自定控制怎么添加微信怎么加回删除的好友删除线怎么加怎么加回微信删除的人删除再添加对方知道吗微信标签怎么删除微信怎么隐藏好友而不删除
    相关问题
    JS如何添加删除div
    js 单击事件 控制div的创建与删除
    js点击动态删除添加div
    用JS怎么控制添加或删除DIV？
    JS动态删除DIV
    用jq添加或移除div
    如何清除JS创建的DIV？
    js 如何删除某个div下的div元素