JavaScript の基本 ~ 文字列の一部を書き換えたい ~
~ 文字列の一部を書き換えたい ~
文字列の一部を書き換えるには「replace」メソッドを使用します。
例)var after = before.replace('味噌','醤油'); // 味噌を醤油に書き換える
HTML ソース
<p id="mojiretsu">味噌ラーメンが食べたい</p>
<p><input id="btn" type="button" value="味噌を醤油に書き換える" /></p>
JavaScript コード
ボタンを押すと現在時刻を取得して表示するサンプルです。
var moji = document.getElementById("mojiretsu");
var btn = document.getElementById("btn");
btn.onclick = function(){
var a = moji.innerHTML;
var b = a.replace('味噌','醤油');
moji.innerHTML = b;
moji.style.color = "#FF0000";
}
実行結果
味噌ラーメンが食べたい
※このページの読み込みが完了してから試してください。
END