分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

原生js怎么删除一个 div

发布时间:2023-09-06 01:30责任编辑:董明明关键词:jsdiv
  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>  

原生js怎么删除一个 div

原文地址:http://www.cnblogs.com/kongxc/p/8028339.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved