JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTMLの使い方やサンプルのブログ

JavaScript の基本 ~ JavaScript のエスケープ文字 ~

f:id:vw-dsg:20200601063255p:plain

JavaScriptエスケープ文字 ~

JavaScriptエスケープ文字はバックスラッシュ「\」です。

例)var sample = 'It\'s a SONY';  //シングルクォーテーションをそのまま認識させる

HTML ソース

<p id="disp">ボタンを押してください</p>
<p><input id="btn" type="button" value="表示を「It's a SONY」に変更する" /></p>

JavaScript コード

ボタンが押されると「ボタンを押してください」という表示が「It's a SONY」に変わるサンプルです。

var elements = document.getElementById("disp");
var button = document.getElementById("btn");
button.onclick = function(){
    elements.innerHTML = 'It\'s a SONY';
}

実行結果

ボタンを押してください

※サンプルはページの読み込みが完了してから試してください。

END