JavaScript删除div里的所有
时间: 2024-05-02 12:18:48 浏览: 11
子元素
可以使用以下代码:
```javascript
var div = document.getElementById('myDiv');
while (div.firstChild) {
div.removeChild(div.firstChild);
}
```
这会删除 `myDiv` 元素中的所有子元素,直到没有子元素为止。
相关问题
js 删除div里面的标签
可以使用 JavaScript 中的 `removeChild()` 方法来删除 div 中的标签。以下是一个例子:
```html
<div id="myDiv">
<p>这是一个段落。</p>
<a href="#">这是一个链接。</a>
<span>这是一个 span 元素。</span>
</div>
```
```javascript
const div = document.getElementById("myDiv");
// 删除第一个子元素
div.removeChild(div.childNodes[0]);
// 删除第二个子元素
div.removeChild(div.childNodes[1]);
// 删除第三个子元素
div.removeChild(div.childNodes[2]);
```
这个例子中,我们首先使用 `document.getElementById()` 方法获取 id 为 "myDiv" 的 div 元素。然后,我们使用 `removeChild()` 方法删除了 div 中的三个子元素(一个段落、一个链接和一个 span 元素)。注意,`childNodes` 属性返回的是一个包含所有子节点的数组,所以我们可以使用它来访问和删除子元素。
删除div下的所有多级子div
可以使用以下代码删除div下的所有多级子div:
```javascript
var div = document.getElementById("divId");
while (div.firstChild) {
div.removeChild(div.firstChild);
}
```
这段代码会循环删除div下的所有子节点,包括多级子div。