除指定id的div或者span的内容连同div标签一块删除

最新推荐文章于 2022-06-04 09:37:46 发布

chenyi0834

最新推荐文章于 2022-06-04 09:37:46 发布

阅读量4.6k

点赞数

分类专栏： javascript 文章标签： div html

javascript 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript删除HTML元素中的内容与标签，通过实例演示了使用`innerHTML`与`outerHTML`的不同作用，并提供了实际代码实现。文章还通过图例解释了`outerHTML`与`innerHTML`的区别，帮助开发者理解并正确使用这些方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何删除内容的话比较好操作直接document.getElementById(id).innerHTML=''就可以了

但如何删除div标签就要用到另外一种方法

。。。。。

<html>
<head>
<script>
function fnDo() {
var oDiv = document.getElementById("divId");
if (!oDiv) return;
oDiv.outerHTML = "";
}
</script>
</head>
<body>
<div id=divId>hello</div>
<button onclick="fnDo()">Delete</button>
</body>
</html>

图例分析outerHTML的用法——与innerHTML不同，outerHTML包括整个标签，而不仅限于标签内部的内容。对于一个id为"testdiv"的div来说，outerHTML、innerHTML以及innerText三者的区别可以通过右图展示出来。　　outerHTML可以用来更改或获取元素内所有的html和文本内容，包含引用该方法元素自身的标签．　　innerHTML是用来获取元素内的html内容和文本．　　innerText只获取元素内的文本内容，html标签将被忽略．

地址：http://hi.baidu.com/siyuantlw/blog/item/590237098b6a5b9dd0581b4b.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。