动态删除元素


要删除元素,需要经历以下3个步骤:

1.找到要删除的元素,放到临时变量中

2.找到要删除的元素父节点

3.调用父节点的removeChild()方法删除要删除的元素

<!DOCTYPE html>
<html>
<head>
<title>删除元素</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<ul id="ul">
<li id="f">油条</li>
<li>包子</li>
<li id="a">米饺</li>
<li>鱼粉</li>
</ul>
<script>
var removeEL = document.getElementById('a');
var parentEL = removeEL.parentNode;
parentEL.removeChild(removeEL);

var removeEL = document.getElementById('f');
var parentEL = removeEL.parentNode;
parentEL.removeChild(removeEL);
</script>
</body>
</html>

转载于:https://www.cnblogs.com/H97042/p/9273961.html

JavaScriptjQuery.动态删除元素相关推荐

  1. java list遍历添加元素_【转】:java遍历List时动态添加和删除元素

    遍历元素最常见的三种方法: // 1.最普通的一种方式 for(int i = 0;i < size;i++) //2.for each方式 for(BEAN b: BEANLIST) //3. ...

  2. jQuery动态增加/删除元素的readonly属性

    使用attr方法设置或返回被选元素的属性值 $(selector).attr(attribute,value) attribute:属性的名称 value:属性的值 $("#input&qu ...

  3. 原生js清空上一个元素内容_原生JS实现动态添加新元素、删除元素方法

    1. 添加新元素 动态添加新元素 Coffee Tea Coffee Tea var child = document.getElementsByClassName("child" ...

  4. js进阶 9-11 select选项框如何动态添加和删除元素

    js进阶 9-11 select选项框如何动态添加和删除元素 一.总结 一句话总结: 二.js进阶 9-11 select选项框如何动态添加和删除元素 1.案例说明 2.相关知识 Select 下拉列 ...

  5. JS 动态创建元素、删除元素、替换元素、修改元素

    动态创建元素 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti ...

  6. js动态创建元素和删除

    动态创建元素的三种方式: 一.document.write(): 功能:向body的最后添加一段结构: 参数:字符串: 用法:document.write('这是内容<div>这是div& ...

  7. Delphi动态数组中删除元素的重要函数Delete

    System.Delete从字符串中删除一个子串,或者从动态数组中删除元素,并返回修改后的数组. 在Delphi代码中,Delete从字符串或数组S中删除一个由Count字符组成的子串,从S[Inde ...

  8. java数组 如何动态增加、查询、删除元素

    一般数组是不能添加元素的,因为数组在初始化时就已定好长度了,不能改变长度. 怎么动态则增加数组元素呢? 使用ArrayList<类型> list = new ArrayList<&g ...

  9. jquery追加html后删除,jquery动态增加删除元素节点

    jquery动态增加删除元素节点 对于语言编程,不同的思路有着不同的解决办法,Jquery对于动态的ul-li节点的增加删除实力操作思路: 1.做一个按钮用于增加li节点,使用Jquery:appen ...

最新文章

  1. 【学习笔记】12、标准数据类型—列表
  2. [导入]较为周全的Asp.net提交验证方案 (下)
  3. 广东工业大学专项设计_2020年广东工业大学本科招生计划发布!
  4. 17款开源论坛系统/Forum Software(转载)
  5. 持续畅销20年的《C#高级编程》出第11版了!
  6. C# 图片盖章功能实现,支持拖拽-旋转-放缩-保存
  7. java 读取webapp文件_在Java Webapp和Java Normal应用中读取公共外部属性文件
  8. pandas打开csv表格表头错位问题解决
  9. jquery选择器之过滤选择器
  10. 四则运算当中的加号“+”有常见的三种用法
  11. 在通用计算机内 PC是指,计算机模拟考试题答案
  12. 电脑蓝屏c000021a代码错误
  13. git 将本地项目关联到远程仓库
  14. 【C#】CsvHelper 读写CSV文件
  15. 批量更改Excel数据透视表字段汇总方式
  16. 【图像识别】基于主成分分析算法实现人脸二维码识别matlab代码
  17. woff 这种字体文件怎么抓取数据
  18. BP或FI12维护银行账户,报错“银行帐户编号XXX必须具有长度 18”
  19. 2021年最新 k8s安装部署步骤 kubernetes从入门到实践 K8S实战容器化迁移实战教程 K8S存储之Ceph分布式存储系统 K8S架构师实战指南
  20. php 禁用 chunked,php下HTTP Response中的Chunked编码实现方法

热门文章

  1. MIT新研究:算法比硬件更有用
  2. CVPR2021 | 用Transformers无监督预训练进行目标检测
  3. 会写高考作文的AI,内含17亿参数、2亿数据、1万行代码
  4. 收藏 | 超轻量目标检测模型NanoDet,比YOLO跑得快,上线两天Star量超200
  5. source insight 4.0 无法同步文件问题
  6. 景观连接度指数怎么算都是0的解决方案
  7. centos 安装mysql_Centos 下mysql数据库完整安装过程
  8. wireshark使用_使用 Wireshark 抓取数据包
  9. Spring Jpa 返回自定义实体
  10. 计算机适配器有什么作用,例举适配器是什么