Code666 (代码贴、代码片段)

[JavaScript] DOM删除节点 →→→→→进入此内容的聊天室

来自 , 2021-02-13, 写在 JavaScript, 查看 133 次.
URL http://www.code666.cn/view/6da9003b
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.     <title>删除节点</title>
  5.     <style type="text/css">
  6.         div{
  7.                 border: 1px solid blue;
  8.                 background-color: green;
  9.                 width: 300px;
  10.                 height: 150px;
  11.         }
  12.     </style>
  13.     <script type="text/javascript">
  14.         /*
  15.                 要删除某个节点，首先需要获取到这个节点。
  16.                 然后获取这个节点父节点，再通过父节点删除自己的这个子节点。                
  17.         */
  18.         //获取要删除的节点
  19.         function demo(){
  20.                 //根据标签名获取标签的集合
  21.                 var divNodes = document.getElementsByTagName("div");
  22.                 //取出集合中想要被删除的那个节点对象
  23.                 var divNode = divNodes[1];
  24.                 //divNode.removeNode(true);
  25.                 //获取当前节点的父节点
  26.                 var bodyNode = divNode.parentNode;
  27.                 //使用父节点删除指定的子节点
  28.                 bodyNode.removeChild(divNode);
  29.         }
  30.                    
  31.     </script>
  32.  
  33.   </head>
  34.  
  35.   <body>
  36.         <div id="one" >
  37.                 xxxxxx
  38.         </div>
  39.         <div id="two" >
  40.                 yyyyyy
  41.         </div>
  42.         <input type="button" value="删除元素" onclick="demo()"/>
  43.   </body>
  44. </html>
  45.  

回复 "DOM删除节点"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666