Javascript: 从文本中删除HTML

在开发web应用程序时，我们经常需要从服务器获取包含HTML标签的文本数据。在某些情况下，我们需要从此文本中删除所有HTML标记以获取纯文本。Javascript为此提供了许多方法。

方法1：使用正则表达式

可以使用正则表达式从文本中删除HTML标签。以下是一个示例代码段：

function stripHTML(text) {
  var regex = /(<([^>]+)>)/ig;
  return text.replace(regex, "");
}

var textWithHTML = "<p>This is some <b>HTML</b> text.</p>";
var textWithoutHTML = stripHTML(textWithHTML);

console.log(textWithoutHTML); // This is some HTML text.

在上面的代码中，我们使用了一个正则表达式，该表达式用于匹配HTML标记的内容。然后，我们使用JavaScript的replace（）方法将找到的内容替换为空字符串。在代码的第10行中，我们调用了stripHTML（）函数并传递了包含HTML标记的字符串。最后，我们使用console.log（）方法在控制台中显示结果。

方法2：使用DOM方法

另一种从文本中删除HTML标签的方法是使用DOM方法。在此方法中，我们可以将文本添加到DOM元素中，然后从元素中获取纯文本。以下是一个示例代码段：

function stripHTML(text) {
  var temp = document.createElement("div");
  temp.innerHTML = text;
  return temp.textContent || temp.innerText || "";
}

var textWithHTML = "<p>This is some <b>HTML</b> text.</p>";
var textWithoutHTML = stripHTML(textWithHTML);

console.log(textWithoutHTML); // This is some HTML text.

在上面的代码中，我们创建了一个DIV元素，并使用innerHTML属性将包含HTML标记的文本添加到该元素中。然后，我们使用textContent或innerText属性获取元素的纯文本内容。最后，我们返回该值。

无论哪种方法，都可以轻松地从文本中删除HTML标签。这在Web开发中非常有用。