JavaScript,jQuery,CSS,HTMLの達人

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

JavaScript の基本 ~ 文字列が含まれているか調べる ~

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

~ 文字列が含まれているか調べる ~

文字列が含まれているかを調べるには「indexOf」メソッドを使用します。

例)mojiretsu.indexOf('Hello');     // 「Hello」が含まれているかを調べる

探している文字列が見つかるとその位置(0以上)を返し、見つからなかった場合は「-1」を返します。

HTML ソース

<p id="disp_moji">Hello JavaScript!</p>
<p><input id="btn_moji" type="button" value="「Hello」が含まれているかを調べる" /></p>

JavaScript コード

ボタンを押すと文字列「Hello」が含まれているかを調べて結果を表示するサンプルです。

var element_moji = document.getElementById("disp_moji");
var button_moji = document.getElementById("btn_moji");
button_moji.onclick = function(){
    var moji_get = element_moji.innerHTML;
    if(moji_get.indexOf("Hello") >= 0){
        alert("「Hello」が含まれています!");
    } else {
        alert("「Hello」は含まれていません…");
    }
}

実行結果

Hello JavaScript!

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

END