JS Regex remove HTML Tags and Content

Question

I am looking for a JS Regex to remove HTML Tags + the content inside. What I found so far is a simple regex to remove HTML tags, but no divs:

newdata.replace(/<[^>]*>/gi, '');

What I have:

Color<select>
<option value="">Show All</option>
<option value="Black">Black</option><option value="Blue">Blue</option>
</select>

What I need:

Color

Regex is not a good tool for this one, use DOM functions to remove all child Elements. — gurvinder372
– gurvinder372, Commented Feb 13, 2018 at 10:55

gurvinder372 · Accepted Answer · 2018-02-13 10:58:23Z

2

Create a dummy element to remove Elements and keep only text nodes

function stripElements( str )
{
  var dummyDiv =  document.createElement( "div" );
  dummyDiv.innerHTML = str;
  return Array.from( dummyDiv.childNodes ).filter( s => s.nodeType == 3 ).map( s => s.nodeValue ).join("");
}

Demo

var str = `Color<select>
<option value="">Show All</option>
<option value="Black">Black</option><option value="Blue">Blue</option>
</select>`;

function stripElements( str )
{
  var dummyDiv =  document.createElement( "div" );
  dummyDiv.innerHTML = str;
  return Array.from( dummyDiv.childNodes ).filter( s => s.nodeType == 3 ).map( s => s.nodeValue ).join("");
}

console.log( stripElements(str) );

answered Feb 13, 2018 at 10:58

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JS Regex remove HTML Tags and Content

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related