如何使用 JavaScript 从字符串中去除 HTML 标签?

htmlweb developmentfront end technology更新于 2024/7/4 13:00:17

我们可以使用以下示例，使用 JavaScript 从字符串中去除 HTML 标签 -

使用正则表达式去除 HTML 标签
使用 InnerText 去除 HTML 标签

使用正则表达式去除 HTML 标签

正则表达式将识别 HTML 标签，然后使用 replace() 将标签替换为空字符串。假设我们有以下 HTML -

<html><head></head><body><p>The tags stripped...<p</body></html>

我们想使用正则表达式删除上述标签。为此，我们将创建一个自定义函数 -

function removeTags(myStr)

myStr 将包含我们想要删除标签的 HTML 代码 -

function removeTags(myStr) {
   if ((myStr===null) || (myStr===''))
      return false;
   else
      myStr = myStr.toString();
   return myStr.replace( /(<([^>]+)>)/ig, '');
}

调用上述函数删除标签如下 -

document.write(removeTags('<html><head></head><body><p>The tags stripped...<p</body></html>'));;

示例

现在让我们看看完整的例子 -


<!DOCTYPE html>
<html>
<title>Strip HTML Tags</title>
<head>
   <script>
      function removeTags(myStr) {
         if ((myStr===null) || (myStr===''))
            return false;
         else
            myStr = myStr.toString();
         return myStr.replace( /(<([^>]+)>)/ig, '');
      }
      document.write(removeTags(
       '<html><head></head><body><p>The tags stripped...<p</body></html>'));;
   </script>
</head>
<body>
</body>
</html>

输出

使用 InnerText 去除 HTML 标签

示例

在此示例中，我们将使用 innerText 去除 HTML 标签 -


<!DOCTYPE html>
<html>
<title>Strip HTML Tags</title>
<head>
   <script>
      var html = "<html><head></head><body><p>The tags stripped...<p</body></html>";
      var div = document.createElement("div");
      div.innerHTML = html;
      var text = div.textContent || div.innerText || "";
      document.write(text)
   </script>
</head>
<body>
</body>
</html>