DOM删除指定节点 removeChild()

《码赛客》

于 2022-03-19 02:06:48 发布

阅读量629

点赞数 1

文章标签： java

本文链接：https://blog.csdn.net/m0_49249339/article/details/123588263

版权

节点的删除和替换只能由父节点来操作 !DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <div>
           <button οnclick="delImg()">删除</button>
           <div id="image">
               <img id="suibian" src="img/niu.jpg" width="200px" height="150px"/>
           </div>
       </div>
       <script>
           //删除标签
           function delImg(){
               //思路先获取父元素，在获取子元素，通过父元素删除子元素
               var huoQufu =document.getElementById("image");
               var huoQuzi =document.getElementById("suibian");
               huoQufu.removeChild(huoQuzi)
           }

       </script>

   </body>
</html>