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

 时间:2024-11-05 05:07:35

本经验是介绍JavaScript语言中,使用removeChild() 函数删除节点的详解。

工具/原料

电脑

文本编辑器

JS函数介绍

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"> <p>节点一</p> <p>节点二</p> </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"> <p>节点一</p> <p>节点二</p> </div> <form> <input type="button" value="删除操作" onclick="removeDom();"/></form></body></html>示例使用效果:

JavaScript实现DOM删除节点JS删除DOM节点示例
JavaScript实现DOM删除节点JS删除DOM节点示例
  • 正畸:怎么选医生
  • 各个学校 ,班级有家委会吗
  • 青少年如何解除网瘾?怎样帮孩子戒掉网瘾?
  • 黄豆大米小碴子粥
  • 个人遇到工作瓶颈的6种表现
  • 热门搜索
    淘气包马小跳手抄报 禁毒手抄报的内容 祖国我为你骄傲手抄报 冬季防火手抄报 成长足迹手抄报资料 关于历史的手抄报 我心中的红十字手抄报 四年级环保手抄报 中国传统美德手抄报 数学手抄报图片大全