JavaScript & jQuery & CSS & HTML の達人

JavaScript と jQuery と CSS と HTML の使い方がわかるブログ

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

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

文字列の長さを取得するには、「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>

実行結果

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

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