How to remove 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.
Checkout more articles on JavaScript
Ways to remove HTML tags from a string
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.
1 2 3 4 5 6 | function stripHTML(myString) { return myString.replace( /(<([^>]+)>)/ig, ''); } stripHTML(`<h1>Follow Clue Mediator</h1>`); // Output: Follow Clue Mediator |
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.
1 2 3 4 5 6 7 8 | function stripHTML(myString) { let el = document.createElement("div"); el.innerHTML = myString; return el.textContent || el.innerText || ""; } stripHTML(`<h1>Follow Clue Mediator</h1>`); // Output: Follow Clue Mediator |
I hope you find this article helpful.
Thank you for reading. Happy Coding..!! 🙂