JavaScript HTMLタグ除去

Question

下記コードだとabchello123となりますが
開始タグと終了タグに囲まれた文字(不特定)も削除するにはどうしたらいいでしょうか？

str='abc<span style="color:blue">hello</span>123';
alert(str.replace(/<("[^"]*"|'[^']*'|[^'">])*>/g,''));

Answer 1

HTMLパージングして要素を削除しましょう。

let workspace = document.createElement('div');
workspace.innerHTML = str;
while (workspace.firstElementChild)
  workspace.firstElementChild.remove();
alert(workspace.textContent);

Comments

[ptaxrt]

確かにできました
setTimeoutを使い常時繰り返すような形にしたいのですが、
whileを使っておられるようなのですがパフォーマンス的に問題ないのでしょうか？
正規表現では簡単に実現不能なんでしょうか？

[ptaxrt]

すみません、理解できました
ようはspanを削除してしまえばいいということですね

[int32_t]

任意のHTMLソースが対象だと、正規表現ではムリです。
パフォーマンスは入力の大きさや実行頻度に依存するので何とも言えません。