原生js怎么删除一个 div

最新推荐文章于 2023-02-02 09:00:05 发布
最新推荐文章于 2023-02-02 09:00:05 发布
阅读量1k 收藏 1
点赞数
文章标签： xhtml javascript ViewUI
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>增加删除DIV的JS写法</title>  
  6. </head>  
  7.   
  8. <body>  
  9. <div id="main">  
  10.     <div id="box">111</div>  
  11.     <div class="box2">222</div>  
  12. </div>  
  13. <script type="text/javascript">  
  14. var box = document.getElementById("box");  
  15. var main = document.getElementById("main");  
  16. var newMask = document.createElement("div");  
  17. newMask.id ="newMask";  
  18. main.appendChild(newMask);   
  19. if(box){  
  20.     box.parentNode.removeChild(box);  
  21. }  
  22. else{  
  23.     alert("没有这个div");  
  24. }  
  25. </script>  
  26. </body>  
  27. </html>  

 

 

[html]  view plain  copy
 
  1. <div id="main">  
  2.     <div id="box">111</div>  
  3.     <div class="box2">222</div>  
  4. </div>  
  5. <script type="text/javascript">  
  6. var box = document.getElementById("box");  
  7. box.parentNode.removeChild(box);  
  8. </script>  
weixin_33924312
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
原生JS八个点控制DIV大小
11-11
原生JS八个点控制DIV大小，完美无错
原生javascript实现DIV拖拽并计算重复面积
12-11
在本示例中，我们探讨的是如何使用原生JavaScript实现一个功能，允许用户通过鼠标拖动div元素，并在拖动过程中计算这些div元素之间的重叠面积。以下是对关键知识点的详细解释： 1. **HTML 结构**：首先，HTML结构...
原生js和jquery删除div的方式
我爱吃红薯的博客
03-20 942
原生js删除div 先根据id获取对象，然后获取该对象的父节点，根据父节点对象删除对应的子对象 <script type="text/javascript"> var _div= document.getElementById("id"); _div.parentNode.removeChild(_div); </script> Jquery删除di...
删除div
Cbh5425的专栏
10-11 464
增加删除DIV的JS写法     111     222 var box = document.getElementById("box"); var main = document.getElementById("main"); var newMask = document.createElement("div"); newMask.id ="newMask
html怎么删除div,HTML – 如何删除空div
weixin_36269709的博客
06-10 294
我在CSS中制作了一把轻剑.代码是div.handle{height:10px;width:100px;background-color:black;display: inline-block;border-radius: 0 4px 4px 0;border-spacing: 0;border-collapse: collapse;}div.sword{height:6px;width:400p...
点击按钮移除整个DIV
lotus
02-23 3389
div class=“pasteImg”> button type='button' class='close' style='margin-bottom: -7px'>×button> div> js代码： $('.close').click(function(){ $(this).parent().remove(); })
原生js和jQuery随意改变div属性style的名称和值
12-10
一些简单的例子，用原生js和jQuery实现随意改变div属性，和重置。代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>函数传参，改变Div任意属性的值</title...
原生javascript实现的一个简单动画效果
10-22
本文将详细解析如何使用原生JavaScript创建一个简单的动画效果，包括一个可移动的div元素以及开始、停止动画的按钮。 首先，我们需要创建一个HTML页面结构，包含一个绿色的div元素和两个按钮，分别用于开始和停止...
原生js实现键盘控制div移动且解决停顿问题
11-26
效果 ：用键盘控制一个div移动 当按下一个方向键不放，div会先停顿一下，然后才开始持续移动。 原因：系统要区分用户是否连续输入，第一个到第二个之间有一个停顿时间 注：了解原因才能解决问题 效果展示 1.简单...
js实现对多个div的添加并指定div删除
02-16
我实现了多个div的动态添加，并且实现指定div的删除。 实现这个功能一些问题，添加多个div，它们id就可能会相同，这对我们无论后台还是前台处理都有麻烦的问题。所以我对id进行自增，然后就是要实现对指定div的删除。 虽然是个小功能，但网上的资料还真没我这个好。 需要jquery，我已经全部打包。
原生js动态添加新元素、删除元素方法
weixin_30436891的博客
05-04 694
1. 添加新元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>动态添加新元素</title> </head> <body> <ul class="example"> <li class...
Js如何删除所有子元素以及当前元素
itclanCoder
02-02 3287
示例展示deleteallelem具体描述在原生js当中,html的内容元素总是以嵌套的关系存在于网页中,因此,可以通过遍历树的方法访问网页里的每一个元素,当然也是可以删除指定的子元素的原生js代码//删除元素的函数 functiondeleteChilds(){ varul=document.getElementsByTagName("ul")[0];//获取父级DOM ...
JavaScript：js删除dom节点或div的2种常见方式，附例子和运行效果
热门推荐
一火的专栏
12-21 1万+
js删除dom节点或div的2种常见方式 1.删除当前节点 <script> function del(divId){ document.getElementById(divId).remove(); } </script> 完整代码如下： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>deldom</...
js删除元素对象或其内容（div、ulli、img、input等）
那些年的代码
09-09 8017
　　在Web前端设计过程中，用js删除元素对象经常会用到。例如某一个页面在加载完成时显示一条新闻，这条新闻只显示一次且仅显示一小段时间，则显示完后就需要把它删除或隐藏。 　　在 javascript 中，删除元素其实是移除元素，用 removeChild() 方法，元素不能自己删除自己，所以只能用其父元素将其删除，所以用移除孩子的方法。无论用js删除页面级元素div，还是删除列表级元素 ulli...
js删除一个div的方法
qq_15167261的博客
08-09 5114
动态删除一个id为divid的div的方法 var my=document.getElementById("divid") my.parentNode.removeChild(my) 通过其父节点的方法removeChild来删除，除了div之外其他的标签也可以。
原生js通过标签删除元素
weixin_41827248的博客
05-24 1835
<body><p>123</p><p>123</p><p>123</p></body> <script language='javascript' type='text/javascript'> setInterval(function () { var a = document.getElementsByTagName('p'); for( var m = a.length-1 ; m &gt
13javascript添加删除div,对象的方法
小飞虫
07-09 586
看例子： www.phperz.com php程序员站  //删除一个元素或是div function deldiv(divid){ var div=document.getElementById(divid); div.parentNode.removeChild(div); } //添加一个div function adddiv(divid){ v
原生js写一个点击div出现弹窗
最新发布
06-09
好的，以下是一个简单的示例代码： HTML部分： ```html <div id="myDiv" onclick="showPopup()">点击我弹出弹窗</div> <div id="popup" style="display:none">这是弹窗内容</div> ``` JavaScript部分： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值