当前位置: 首页 > news >正文

js 创建DOM,并添加父DOM上,移除某个DOM的所有子节点

sectionIdDiv上,添加子DOM

<div ref="sectionIdDiv" class="sectionIdDiv">
</div>

创建你要添加的子DOM

## 创建DOM
let elementDom = document.createElement('div')## 设置DOM的样式
elementDom.style.height = "15px"
elementDom.style.width = "30px"
elementDom.style.marginBottom = "10px"## 将DOM插入到页面中
this.$refs.sectionIdDiv.appendChild(elementDom)

移除sectionIdDiv上的所有子DOM

使用 `innerHTML` 属性将 `this.$refs.sectionIdDiv` 的内容设置为空字符串,如下:
this.$refs.sectionIdDiv.innerHTML = ""这样就能移除 `sectionIdDiv` 的所有子节点。
http://www.lryc.cn/news/163295.html

相关文章:

  • element el-input 二次封装
  • [源码系列:手写spring] IOC第十三节:Bean作用域,增加prototype的支持
  • 【性能优化】事件委托
  • C 风格文件输入/输出---无格式输入/输出---(std::fputc,std::putc,std::fputs)
  • 建议收藏!Harmony应用配置文件概述(Stage模型)
  • 金蝶云星空和四化智造MES(WEB)单据接口对接
  • Shell命令切换root用户、管理配置文件、检查硬件
  • DataX(MySQL同步数据到Doris)
  • sql server服务无法启动怎么办?如何正常启动?
  • SpringMVC实现文件上传和下载
  • Your build is currently configured to use Java 20.0.2 and Gradle 8.0
  • 栈 之 如何实现一个栈
  • uni-app:自带的消息提示被遮挡的解决办法(自定义消息提示框)
  • PHP设备检验系统Dreamweaver开发mysql数据库web结构php编程计算机网页代码
  • Windows 可以使用以下快捷键打开终端(命令提示符)
  • Netty编程面试题
  • math_review
  • 肖sir__设计测试用例方法之场景法04_(黑盒测试)
  • plt函数显示图片 在图片上画边界框 边界框坐标转换
  • 运行期获得文件名和行号
  • 数组操作UNIAPP
  • MySQL——无法打开MySQL8.0软件安装包或者安装过程中失败,如何解决?
  • DB2存储过程如何编写和执行
  • SpringBoot + FFmpeg实现一个简单的M3U8切片转码系统
  • SpringCloud(35):Nacos 服务发现快速入门
  • OSPF实验:配置与检测全网互通
  • 常见的五种设计模式
  • pandas读取一个 文件夹下所有excel文件
  • Python网页请求超时如何解决
  • 虚幻引擎集成web前端<二>:UE4 像素流 与 web 通信