如何使用 JavaScript 從字串中去除 HTML 標記？

我們可以使用以下示例透過 JavaScript 從字串中去除 HTML 標記 -

  • 使用 Regex 去除 HTML 標記
  • 使用 innerText 去除 HTML 標記

使用 Regex 去除 HTML 標記

regex 將識別 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>

輸出

更新於: 2022-11-22

741 次瀏覽

開啟您的 職業

透過完成課程取得認證

開始
廣告