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` 的所有子节点。

你可能感兴趣的:(javascript,前端,html5)