JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTML の使い方を解説しているブログ

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";
}

実行結果

味噌ラーメンが食べたい

※このページの読み込みが完了してから試してください。