使用javascript检查字符串中是否包含单词/字母

Question

我找不到在子字符串中搜索字母/字符串的方法。 目的是在找到字符串后创建警报。 谢谢

 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

DOM元素没有indexOf ，但是在您的示例中， string是一个DOM元素，因为您使用的是通过给div id="string"创建的自动全局 div 。

要获取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>

Answer 2

您应该通过调用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 3

您可以先使用document.getElementById('string').innerHTML定义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>