[Javascript] ページ内の文字列の置換 replace



ページ内の文字列を置換する方法です。Javascriptのreplaceを使って変換します(splitとjoinを使う方法もあるようですが、replaceの方が早いようです)。

外部jsファイルに以下のソースコードを書きます。

ページ内の全てを対象にする

window.onload = function(){
  document.body.innerHTML = document.body.innerHTML.replace(/置換前の文字列/g."置換後の文字列");
}

IDを指定する

window.onload = function(){
  document.getElementById("test").innerHTML = document.getElementById("test").innerHTML.replace(/置換前の文字列/g."置換後の文字列");
}

/置換前の文字列/gとなるところに注意してください。//gではさむことにより、ページ内の全ての文字列を置換します。“置換前の文字列”だと1つ目しか置換されません。

スポンサードリンク