JavaScriptで文字列の置き換え

質問

<span class="ranking">
<span>通常価格</span>：0 円
</span>

上記のようなHTMLの
"<span>通常価格</span>：0 円"
の部分を

javascriptのreplaceメソッドで書き換えたいのですが
正規表現が分からず困っております。

どうかご教示下さい。

回答No.1

yambejp · ベストアンサー

＞正規表現が分からず

そもそもその部分がどうブレるかがわからないと正規表現を記述しようがないですね
単純に「<span>通常価格</span>：0 円」と完全一致するならこんな感じ

<script>
window.onload=function(){
var n=document.getElementsByTagName("span");
var reg=new RegExp("<span>通常価格</span>：0 円","g");
for(var i=0;i<n.length;i++){
var txt=n[i].innerHTML;
if(txt.match(reg)){
n[i].innerHTML=txt.replace(reg,"hoge");
}
}
}
</script>
test
<span class="ranking">
test<span>通常価格</span>：0 円test
test<span>通常価格</span>：1 円test
test<span>通常価格</span>：0 円test
</span>
test

0円が10円とか1,000円とか変わるとか、spanにclassがついていたり、
半角スペースや改行がはいるなど想定されるなら工夫が必要

それと、普通出力前のサーバーサイドのプログラムで処理することなので
javascriptで変更するような処理ではないのでは？