JavaScript实现DOM删除节点?JS删除DOM节点示例

 时间:2026-02-15 15:15:50

1、removeChild() 函数的介绍如下图:

JavaScript实现DOM删除节点?JS删除DOM节点示例

2、removeChild() 函数的语法如下图:

JavaScript实现DOM删除节点?JS删除DOM节点示例

3、removeChild() 函数语法参数说明:

JavaScript实现DOM删除节点?JS删除DOM节点示例

1、removeChild() 函数的实现代码:

//删除函数

function removeDom(){

   var deldom=document.getElementById('removedom');

   if(deldom.hasChildNodes()){

        deldom.removeChild(deldom.lastChild);

       } 

   }

JavaScript实现DOM删除节点?JS删除DOM节点示例

2、实现函数的调用代码如下:

 <body>

    <h1>删除节点</h1>

    <div id="removedom">

       节点一

       节点二

    </div>

    <form>

       <input type="button" value="删除操作" onclick="removeDom();"/>

</form>

</body>

JavaScript实现DOM删除节点?JS删除DOM节点示例

3、示例的完整代码:

<!doctype html>

<html>

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <title>removeChild方法示例</title>

<script language="javascript">

//删除函数

function removeDom(){

   var deldom=document.getElementById('removedom');

   if(deldom.hasChildNodes()){

        deldom.removeChild(deldom.lastChild);

       } 

   }

</script>

 </head>

 <body>

    <h1>删除节点</h1>

    <div id="removedom">

       节点一

       节点二

    </div>

    <form>

       <input type="button" value="删除操作" onclick="removeDom();"/>

</form>

</body>

</html>

示例使用效果:

JavaScript实现DOM删除节点?JS删除DOM节点示例

JavaScript实现DOM删除节点?JS删除DOM节点示例

  • 正畸:怎么选医生
  • 各个学校 ,班级有家委会吗
  • 青少年如何解除网瘾?怎样帮孩子戒掉网瘾?
  • 黄豆大米小碴子粥
  • 个人遇到工作瓶颈的6种表现
  • 热门搜索
    i miss you是什么意思 私募是什么意思 什么叫有机奶 年轻人喝什么茶好 重申是什么意思 锤子是什么意思 推己及人的意思 卧薪尝胆是什么意思 气功师带什么武器 blossom什么意思