js如何去掉html标签

在JavaScript中，去掉HTML标签的方法有很多，这里我将介绍两种常用的方法：正则表达式和DOM解析。

1、使用正则表达式

正则表达式是一种用于匹配字符串的强大工具，我们可以使用正则表达式来匹配HTML标签，并将其替换为空字符串，以下是一个使用正则表达式去掉HTML标签的示例：

function removeHtmlTags(htmlString) {
  return htmlString.replace(/<[^>]*>/g, '');
}
var htmlString = '<div><p>这是一个包含HTML标签的字符串</p></div>';
var result = removeHtmlTags(htmlString);
console.log(result); // 输出： "这是一个包含HTML标签的字符串"

在这个示例中，我们定义了一个名为removeHtmlTags的函数，该函数接受一个HTML字符串作为参数，我们使用replace方法和一个正则表达式来匹配所有的HTML标签，正则表达式/<[^>]*>/g表示匹配以<开头，以>结尾的所有字符（不包括>），并且全局匹配（即匹配所有符合条件的字符），我们将匹配到的HTML标签替换为空字符串，从而实现去掉HTML标签的目的。

2、使用DOM解析

另一种去掉HTML标签的方法是使用DOM解析，DOM（文档对象模型）是一种用于表示HTML和XML文档的编程接口，通过DOM，我们可以将HTML字符串解析为一个DOM对象，然后遍历该对象的元素，并将元素的文本内容提取出来，以下是一个使用DOM解析去掉HTML标签的示例：

function removeHtmlTags(htmlString) {
  var parser = new DOMParser();
  var doc = parser.parseFromString(htmlString, 'text/html');
  var textContent = doc.body.textContent;
  return textContent;
}
var htmlString = '<div><p>这是一个包含HTML标签的字符串</p></div>';
var result = removeHtmlTags(htmlString);
console.log(result); // 输出： "这是一个包含HTML标签的字符串"

在这个示例中，我们首先创建了一个DOMParser对象，然后使用parseFromString方法将HTML字符串解析为一个DOM对象，接下来，我们获取DOM对象的body元素，并使用textContent属性获取其文本内容，我们将文本内容返回，从而实现去掉HTML标签的目的。

以上就是在JavaScript中去掉HTML标签的两种常用方法：正则表达式和DOM解析，这两种方法各有优缺点：正则表达式简单易用，但可能无法处理复杂的HTML结构；DOM解析可以处理复杂的HTML结构，但实现起来相对复杂，在实际开发中，可以根据具体需求选择合适的方法。