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

 时间:2026-04-22 16:48:25

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种表现
  • 热门搜索
    3699小游戏大全 我爱你用日语怎么写 手表大全 黄蓓佳简介 猪蹄的做法大全 婴儿咳嗽怎么办 哀悼图片大全 班牌设计图案大全 小男孩发型图片大全 cad外部参照怎么用