如何删除HTML中的文本

如果你想要删除HTML中的一段文本，有几种方法可以做到。下面我们将逐一介绍这些方法。

方法一：使用JavaScript

可以使用JavaScript删除HTML中的文本。JavaScript的能力之一就是可以操作DOM（文档对象模型），通过选择元素并修改它们的内容来实现删除操作。

以下是一个示例脚本，在HTML中将所有p标记的文本删除：

var paragraphs = document.getElementsByTagName('p');
for (var i = 0; i < paragraphs.length; ++i) {
  paragraphs[i].innerHTML = '';
}

说明：

• document.getElementsByTagName('p') 返回一个NodeList对象，其中包含所有p标记的元素。
• paragraphs[i].innerHTML = '' 会将每个p标记的内容设置为空字符串。

方法二：使用CSS

另一种方法是使用CSS隐藏文本。可以通过设置CSS样式的display属性来隐藏文本。

以下是一个示例样式表，将所有p标记的文本隐藏：

p {
  display: none;
}

说明：

• display: none 隐藏元素并释放空间，而不像visibility: hidden一样隐藏元素但保留空间。

方法三：使用正则表达式

如果你只需要简单地删除一些文本，可能可以使用正则表达式。例如，以下正则表达式可以删除所有以<b>标记开头和以</b>标记结尾的文本：

str = str.replace(/<b>.*<\/b>/gi, '');

说明：

• str.replace 函数可以将检索到的文本替换为空字符串。
• /.../gi 中的g表示全局搜索，i表示不区分大小写。

以上是删除HTML中文本的三种方法。根据你的需要和情况，可以选择适合你的方法。