JavaScript 変数内の特定のタグを除去する

Question

変数内の特定のタグを除去するにはどうしたらいいでしょうか？

<script>
window.onload=function(){
s='<a href=""><span style="color:red>hello</span>1</a>';
//ここでspanタグを除去
alert(s);//結果として<a href="">1</a>が欲しいです
}
</script>

Answer 1

正規表現を使ってString.prototype.replaceするのはいかがでしょう。

正規表現 - JavaScript | MDN
String.prototype.replace() - JavaScript | MDN

alert(s.replace(/<span.*>.*</span>/, ''));

一部を残したいのであれば正規表現のキャプチャ機能を使いましょう。

alert(s.replace(/<span.*>(.*)</span>/, "$1")); // ()で囲んだ部分が$1に入る

Comments

[akatsuka1794]

回答ありがとうございます
目的の動作ができました

結果として<a href="">1</a>が欲しいです
と書いたのですが、
<span style="color:red>hello</span>の
helloは残すにはどうしたらいいでしょうか？

<a href="">hello1</a>が残るやり方も教えていただくことはできませんでしょうか？

<span style="color:red>hello</span>
内側のhelloは残したいです

[fj68]

回答に追記しました。

[akatsuka1794]

わざわざありがとうございます
感謝します