检查一个字/字母是否包含在一个字符串与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

你应该通过调用document.getElementById或document.querySelector得到的DOM元素innerHTML

您也可以直接使用String#includes()

const divValue = document.querySelector('#string').innerHTML; 
 
function validate() { 
 
    if (divValue.includes('worlds')) { 
 
    alert("word found"); 
 
    } 
 
}

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

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

Answer 2

您可以定义string变量首先，使用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元素因为你使用自动全球给你的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>