如何在 JavaScript 中使用正则表达式删除 HTML 标签?

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

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

<html><head></head><body><p>标签被删除了...<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>