JavaScript,jQuery,CSS,HTMLの達人

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

JavaScript の基本 ~ 文字列の長さ(文字数)を取得したい ~

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

文字列の長さ(文字数)を取得する ~

文字列の長さを取得するには、「length」プロパティを使用します。

例)mojiretsu.length;     // 文字列の長さを取得

JavaScript コード

ボタンを押すと文字列の長さを取得してアラートで表示するサンプルです。

var ele_akeome = document.getElementById("disp_akeome");
var btn_nagasa = document.getElementById("btn_nagasa");
// ボタンのクリックイベントを監視
btn_nagasa.onclick = function(){
     var mojiretsu = ele_akeome.innerHTML;     // 文字列を取得
     alert(mojiretsu.length + "文字です!");     // 文字列の長さをアラートで表示
}

HTML ソース

<p><strong><em id="disp_akeome">明けましておめでとうございます。</em></strong></p>
<p><input id="btn_nagasa" type="button" value="文字列の長さを取得する" /></p>

実行結果

明けましておめでとうございます。

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

END