How to strip HTML from text with JavaScript?

Spread the love

Sometimes, we want to strip HTML from text with JavaScript.

In this article, we’ll look at how to strip HTML from text with JavaScript.

How to strip HTML from text with JavaScript?

To strip HTML from text with JavaScript, we can put the HTML in an element and then get the textContent from the element.

For instance, we write

const stripHtml = (html) => {
  const tmp = document.createElement("DIV");
  tmp.innerHTML = html;
  return tmp.textContent || tmp.innerText || "";
};

to define the stripHtml function that takes the html string.

In it, we create a div with createElement.

And then we assign html to the tmp.innerHTML to populate the div.

Then we get the plain text from the textContent or innerText properties.

Conclusion

To strip HTML from text with JavaScript, we can put the HTML in an element and then get the textContent from the element.

Leave a Reply

Your email address will not be published.