如何在 JavaScript 中去除 HTML 标签

在开发中，我们经常需要处理 HTML 标签，有时候需要去除 HTML 标签。那么在 JavaScript 中如何去除 HTML 标签呢？下面介绍几种方法。

方法一：使用正则表达式

可以使用正则表达式来去除 HTML 标签，比较简单明了。

function removeHtmlTag(str) {
  return str.replace(/<[^>]+>/g, '');
}

// 示例
const htmlString = '<div>Hello, <span class="name">JavaScript</span>!</div>';
const result = removeHtmlTag(htmlString);
console.log(result); // Hello, JavaScript!

方法二：使用 DOM 解析器

可以使用 DOM 解析器来解析 HTML 标签，然后去除标签。

function removeHtmlTag(str) {
  const doc = new DOMParser().parseFromString(str, 'text/html');
  return doc.body.textContent || '';
}

// 示例
const htmlString = '<div>Hello, <span class="name">JavaScript</span>!</div>';
const result = removeHtmlTag(htmlString);
console.log(result); // Hello, JavaScript!

方法三：使用 innerText 属性

可以将 HTML 插入到一个元素中，然后使用 innerText 属性来获取文本内容，此时会自动去除 HTML 标签。

function removeHtmlTag(str) {
  const element = document.createElement('div');
  element.innerHTML = str;
  return element.innerText;
}

// 示例
const htmlString = '<div>Hello, <span class="name">JavaScript</span>!</div>';
const result = removeHtmlTag(htmlString);
console.log(result); // Hello, JavaScript!

以上三种方法都能够很好地去除 HTML 标签，具体使用时可以根据需求选择。