Open In App

How to remove HTML tags with RegExp in JavaScript ?

Improve
Improve
Like Article
Like
Save
Share
Report

Here, the task is to remove the HTML tags from the string. Here string contains a part of the document and we need to extract only the text part from it. Here we are going to do that with the help of JavaScript. 

Approach:

  • Take the string in a variable.
  • Anything between the less than symbol and the greater than symbol is removed from the string by the RegExp.
  • Finally, we will get the text.

Example 1: This example using the approach defined above. 

html




<h1 style="color:green;">
    GeeksforGeeks
</h1>
<p id="GFG_UP"></p>
<button onclick="GFG_Fun()">
    click here
</button>
<p id="GFG_DOWN"></p>
<script>
    var up = document.getElementById('GFG_UP');
    var str2 = '<p> GeeksForGeeks </p>';
      
    // same as the str2.
    var str1 = "< p > GeeksForGeeks < /p >";
    up.innerHTML = "Click on button to remove the "+
    "HTML tags from the string.<br>String = '" + str1 + "'";
    var down = document.getElementById('GFG_DOWN');
      
    function GFG_Fun() {
        var regex = /(|<([^>]+)>)/ig;
        down.innerHTML = str2.replace(regex, "");
    }
</script>


Output:

How to remove HTML tags with RegExp in JavaScript?

How to remove HTML tags with RegExp in JavaScript?

Example 2: This example uses the approach defined above but by a different RegExp. 

html




<h1 style="color:green;">
    GeeksforGeeks
</h1>
<p id="GFG_UP"></p>
<button onclick="GFG_Fun()">
    click here
</button>
<p id="GFG_DOWN"></p>
<script>
    var up = document.getElementById('GFG_UP');
    var str2 = '<p> GeeksForGeeks </p>';
      
    // same as the str2.
    var str1 = "< p > GeeksForGeeks < /p >";
    up.innerHTML = "Click on button to remove the HTML"+
    " tags from the string.<br>String = '" + str1 + "'";
    var down = document.getElementById('GFG_DOWN');
      
    function GFG_Fun() {
        var regex = /(<([^>]+)>)/ig;
        down.innerHTML = str2.replace(regex, "");
    }
</script>


Output:

How to remove HTML tags with RegExp in JavaScript?

How to remove HTML tags with RegExp in JavaScript?



Last Updated : 23 Jan, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads