How to strip out HTML tags from a string using JavaScript

In this short article, we will show you how to remove HTML tags from a string using JavaScript. There are many ways to strip out HTML tags from text but here we will look at two popular methods.

1. Using regular expression
2. Using DOM element

1. Using regular expression

In the first method, we will use the Regular Expression to remove the HTML tags from the given string. Refer to the following code snippet to get the output.

function stripHTML(myString) {
   return myString.replace( /(]+)>)/ig, '');
}

stripHTML(`<h1>Follow Code Premix</h1>`);
// Output: Follow Code Premix

2. Using DOM element

In the other methods, we will create a HTML element and use the .textContent property to return the plain text. The .innerText property does the same thing as .textContent property.

function stripHTML(myString) {
   let el = document.createElement("div");
   el.innerHTML = myString;
   return el.textContent || el.innerText || "";
}

stripHTML(`<h1>Follow Code Premix</h1>`);
// Output: Follow Code Premix

I hope you find this article helpful.
Thank you for reading. Happy Coding..!!