// 删除id

var idObject = document.getElementById('sidebar');

if (idObject != null)

idObject.parentNode.removeChild(idObject);

//通过class获取元素

paras = document.getElementsByClassName('paginator');

for(i=0;i

//删除元素 元素.parentNode.removeChild(元素);

if (paras[i] != null)

paras[i].parentNode.removeChild( paras[i]);

}

//清空一个元素,即删除一个元素的所有子元素

function removeAllChild()  {

var div = document.getElementById("div1");

while(div.hasChildNodes()) //当div下还存在子节点时 循环继续

{

div.removeChild(div.firstChild);

}

}

原理很简单,就是不断的判断要清空的div还有没有子节点,有的话就删除一个子节点(这里是它的首个子节点),直到删除完毕为止。

//封装的方法

function removeElement(_element){

var _parentElement = _element.parentNode;

if(_parentElement){

_parentElement.removeChild(_element);

}

}

原生js清空上一个元素内容_原生js系列 删除元素相关推荐

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

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

  2. 如何用js语句给mysql添加内容_在js里写SQL的方法

    在日新月异的前端领域中,前端工程师能做的事情越来越多,自从nodejs出现后,前端越来越有革了传统后端命的趋势,本文就再补一刀,详细解读如何在js代码中执行标准的SQL语句 为什么要在js里写SQL? ...

  3. 怎样在页面上查找请求内容_怎样快速裁剪删除PDF文档的页面内容?

    有时在编辑PDF文档时,有大段的内容需要删除,且又不是整页无法直接通过删除页面解决,特别是扫描件无法直接用delete键清除时,有什么办法能快速解决呢?如何直接裁切不需要或保留需要的内容部分呢? 首先 ...

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

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

  5. 7. awk数组,定义数组,判断元素是否存在,非数字下标,删除元素,查询数组

    文章目录 前言 定义数组 元素是否存在 非数字下标 删除元素 查询数组 前言 本小节会详细介绍awk当中的数组 定义数组 在awk中可以直接为数组中的元素赋值即可,示例.awk中数组的下标默认是从1开 ...

  6. js获取上传文件内容

    js 获取上传文件的字节数及内容 <div>上传文件 : <input type="file" name = "file" id = &quo ...

  7. JS实现上一个、下一个、置顶、置底操作

    废话不多说,直接上代码. //index1和index2分别是两个数组的索引值,即是两个要交换元素位置的索引值,如1,5就是数组中下标为1和5的两个元素交换位置 export function swa ...

  8. js获取上一个月、下一个月

    /*** 获取上一个月** @date 格式为yyyy-mm-dd的日期,如:2014-01-25*/function getPreMonth(date) {var arr = date.split( ...

  9. js获取上一个页面url

    <html> <head> <title>js获取上一页url,js获取前一页地址,javascripts获取上一页url,javascript获取前一页地址< ...

最新文章

  1. android设置光标闪烁,Android EditText闪烁光标
  2. PHP密码生成管理源码,php密码生成类(附源码)
  3. 关于Eclipse创建Android项目时,会多出一个appcompat_v7的问题
  4. 电商等大型网站高可用,高负载架构借鉴方案(转载)
  5. Crusher Django 学习笔记4 使用Model
  6. mac上python3安装HTMLTestRunner
  7. 一阶电路中的时间常数_精确移相电路的设计举例
  8. linux python 操作mysql_python 简单操作MySQL
  9. 交互式编程之Golang基本配置(Jupyter-notebooks Golang)
  10. PaddlePaddle中数据的基本操作
  11. 信息图表是如何炼成的之一:媒体使用情况
  12. VBA连接Excel数据库
  13. gp数据库与pg数据库
  14. JDK正式免费、Log4j2爆核弹级漏洞、LayUI下线,2021的10 件大事
  15. java ape格式转换_ape格式怎么转换mp3?ape转换mp3的正确方法
  16. [转]河北省生源地助学贷款流程及注意事项
  17. 详解通往Web3的护照:去中心化身份DID
  18. python内置函数用来返回列表、元组、字典_python程序设计第一章基础知识 题库及选解...
  19. 使用OpenCV进行人脸检测和戴墨镜特效实战(附Python源码)
  20. 医疗护理PPT模板献给可爱的白衣天使

热门文章

  1. Java 字母数字混合排序
  2. Java正则校验密码至少包含:字母数字特殊符号中的2种
  3. Linux设备驱动---OMAP3630 Linux I2C总线驱动分析(1)
  4. mysql 并没有幻读_MySQL默认隔离级别REPEATABLE-READ并没有解决幻读问题
  5. IBM副总裁、院士郑妙勤:我工作我快乐
  6. mysql给我的愚人节礼物——分组排序进行排名语句存在的问题
  7. mysql 默认 innodb_【数据库】Mysql更改默认引擎为Innodb的步骤方法
  8. 共享社会经济途径SSP
  9. [生活]史上最搞笑的笑话【转】
  10. 不同数据库同步方式|异地数据库同步|mysql数据库实时同步工具|数据库实时同步