JS Regex 删除 HTML 标签和内容

Question

我正在寻找一个 JS 正则表达式来删除 HTML 标签 + 里面的内容。 到目前为止我发现的是一个简单的正则表达式来删除 HTML 标签，但没有 div：

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

我拥有的：

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

我需要的：

Color

Answer 1

创建一个虚拟元素以删除元素并仅保留文本节点

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("");
}

演示

 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) );