//获取父元素-清空子元素
let content = document.getElementsByClassName("table-page__text")[0];
//循环删除子元素,一直删除第一个子元素直到没有子元素即为清空
while (content.hasChildNodes()) {content.removeChild(content.firstChild);
}//获取父元素-添加子元素
let content = document.getElementsByClassName("table-page__text")[0];while (content.hasChildNodes()) {content.removeChild(content.firstChild);}let msg ="当前第<span>" +this.currentPage +"</span>页&nbsp&nbsp&nbsp" +"共" +"<span>" +this.totalCount +"</span>" +"条记录";
content.insertAdjacentHTML("beforeend", msg);

原生JS清空子元素+原生JS添加子元素相关推荐

  1. js父元素获取子元素img_css,前端_父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置?,css,前端 - phpStudy...

    父标签div中包含一个子元素img标签,子元素div标签,为什么img要加上浮动,子元素div才会处于正常位置? dom结构 如图img加上float 子元素div显示正常. 不加float div显 ...

  2. js后代选择器_后代选择器和子元素选择器的区别

    原文 简书原文:https://www.jianshu.com/p/4a776598c69c 大纲 1.后代选择器和子元素选择器的相关概念 2.后代选择器和子元素选择器的区别 1.后代选择器和子元素选 ...

  3. js基础知识(二十五)--DOM查询的其他方法、获取元素的后代和子元素

    一.DOM查询的其他方法 在document提供了一些直接获取元素的方法 document.body获取到页面的body元素 document.documentElement获取页面html中的根元素 ...

  4. jquery生成一个li_jquery-创建元素和添加子元素

    一.创建新元素 1.使用$函数创建新元素 var $newElement=$(' 段落 ');//创建元素,返回jQuery对象 说明: 1)创建的新元素不会自动的把新元素插入到页面中,我们还需要明确 ...

  5. 父元素没有高度,子元素高度失效

    当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果.你知道为什么height:100%不起作用吗? 按常理,当我们用 ...

  6. css直接子元素怎么用,CSS 子元素选择器使用实例

    与后代选择器相比,子元素选择器只能选择作为某元素子元素的元素. 子元素选择器使用大于号">"做为连接符. 如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子 ...

  7. 浅谈设置父元素透明度不影响子元素透明度

    浅谈设置父元素透明度不影响子元素透明度 筱葭 2017-03-15 10:50:00  11970  收藏 2 展开 设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素o ...

  8. 父元素开启相对定位而子元素开启绝对定位问题

    在写css样式时,发现总是用到各种定位,其中父元素开启相对定位而子元素开启绝对定位这个问题弄明没白. 借鉴大佬的博客: https://blog.csdn.net/weixin_41796631/ar ...

  9. js如何往数组Array中添加删除元素

    原文:https://www.tmico.cn/wordpress/?p=222 数组常用方法: 1.pop 删除原数组最后一项,并返回删除元素的值:如果数组为空则返回undefined  2.pus ...

最新文章

  1. C和C++线性表的链式存储
  2. 源码来袭:bind手写实现
  3. IIS日志作用与分析
  4. RS 学习笔记 3-1
  5. rhel5之光盘更新终结篇
  6. vue 表单 input checkbox
  7. 最短路径Shortest Path algorithm
  8. 最适合数据分析师的数据库为什么不是MySQL?
  9. java虚拟机内存_java虚拟机内存区域的划分以及作用详解
  10. AirTest进行自动化测试
  11. CUDA 8 下载——CUDA Toolkit 8.0 - Feb 2017
  12. Java计算机毕业设计水果购物商城源码+系统+数据库+lw文档
  13. IOB寄存器的使用:IOB= TRUE 属性
  14. 如何快速的将EXCEL表格数据拆分成多个文件
  15. 红帽8RHCSA考试真题,今天300分已过(2022最新版)
  16. utf8和utf8mb4的区分
  17. 猿创征文|HCIE-Security Day60:邮件过滤技术
  18. 机器学习深度学习加强学习_我如何在9个月内学习深度学习
  19. iOS应用开发最佳实践:编写高质量的Objective-C代码
  20. mysql慢查询优化_常见mysql的慢查询优化方式

热门文章

  1. C语言----基于CLion搭建C语言开发环境
  2. Unity3D Editor下增加SVN更新和提交工具
  3. cod传感器探头 在线实时监测
  4. 基于51单片机随机数自动摇号抽奖系统Proteus仿真
  5. r星帮派颜色html,R星诠释《荒野大镖客2》NPC互动系统 帮派更像家庭
  6. subprocess.py
  7. Python环境变量与引包错误
  8. 【力扣72. 编辑距离】dp(Python3)
  9. 第5章 为手机而设计
  10. JavaScript轮播图代码