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种表现
  • 热门搜索
    上海旅游景点地图 嘉华旅游 旅游体验师招聘信息 农业观光旅游 桂林旅游景点图片 江西的旅游景点 国庆旅游推荐 平江旅游景点大全 福建厦门旅游攻略 无锡旅游景点介绍