単語/文字がjavascriptの文字列に含まれているかどうか確認してください

Question

部分文字列内の文字/文字列を検索する方法が見つかりません。その目的は、文字列が見つかった場合にアラートを作成することです。おかげ

https://jsfiddle.net/1rawcotx/2/

function validate() { 
 
    if (string.indexOf('worlds') > -1) { 
 
    alert("word found"); 
 
    } 
 
}

<div id="string"> 
 
    worlds and some other text 
 
</div> 
 

 
<button id="button" onclick="validate()">click me</button>

Answer 1

あなたはまた、直接String#includes()

を使用することができますdocument.getElementByIdまたはdocument.querySelector

を呼び出すことにより、DOM要素innerHTMLを取得する必要があります

Answer 2

あなたはdocument.getElementById('string').innerHTML

function validate() { 
 
var string =document.getElementById('string').innerHTML; 
 
    if (string.indexOf('worlds') > -1) { 
 
    alert("word found"); 
 
    } 
 
}

<div id="string"> 
 
    worlds and some other text 
 
</div> 
 

 
<button id="button" onclick="validate()">click me</button>

Answer 3

DOM要素がindexOfを持っていませんが、あなたの例では、stringはDOM要素で使用して、最初のstring変数を定義することができますの自動グローバルを使用しているため、divid="string"。

divの内容を取得するには、そのinnerHTMLまたはinnerTextまたはtextContentプロパティを使用します。

自動グローバルを使用することも賛成できませんが（現在は仕様に含まれていますが）、あまりにも多くの競合するグローバルが存在するためです。代わりに、私は明示的にgetElementByIdを使用します。

function validate() { 
 
    if (document.getElementById("string").innerHTML.indexOf('worlds') > -1) { 
 
    alert("word found"); 
 
    } 
 
}

<div id="string"> 
 
    worlds and some other text 
 
</div> 
 

 
<button id="button" onclick="validate()">click me</button>