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

JavaScript

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

コード

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

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つ目しか置換されません。

広告