html5动态删除div标签属性,如何删除具有属性contentEditable的div中的HTML元素?
时间: 2024-02-25 21:53:19 浏览: 181
javascript实现去除HTML标签的方法
您可以使用JavaScript来动态删除具有属性contentEditable的div中的HTML元素。以下是一个示例代码:
```html
<div id="editableDiv" contentEditable="true">
<p>This is some text.</p>
<img src="image.jpg" alt="image">
</div>
<button onclick="deleteImage()">Delete Image</button>
<script>
function deleteImage() {
var editableDiv = document.getElementById("editableDiv");
var image = editableDiv.querySelector("img");
if (image) {
image.remove();
}
}
</script>
```
在上面的代码中,我们首先获取具有id“editableDiv”的div元素,并检查是否有一个img元素。如果有,我们使用remove()方法删除该元素。您可以使用类似的方法删除其他元素,只需要更改querySelector()方法的参数即可。
阅读全文