在 div 中搜索特定字词

Question

我不是 100% 确定我的 JavaScript 是否正确，但是它显示 'Testing' 即使我有 'FEW' 作为文本值 - 它应该选择这个和 bar = "Medium"，但它没有。

if (document.getElementById('raw').innerHTML.indexOf("CLR") != -1) {
    bar = "Excellent";
} else if (document.getElementById('raw').innerHTML.indexOf("FEW") != -1) {
    bar = "Medium";
} else {
    bar = "Testing";
}  
document.getElementById("bar").innerHTML = bar;

HTML:

<p>Live: </p><div class="d-none" id="raw"></div>

<div class="d-none">
    <h5>Test: <span id="bar"></span>.</h5>
</div>

Answer 1

您的代码看起来没问题。

请记住 indexOf 区分大小写。并避免多次获得相同的元素，更喜欢将其存储到您的元素或整个 HTML.

的变量中

看看我的代码片段

var html = document.getElementById('raw').innerHTML;

if (html.indexOf("CLR") != -1) {
    bar = "Excellent";
} else if (html.indexOf("FEW") != -1) {
    bar = "Medium";
} else {
    bar = "Testing";
}

document.getElementById("bar").innerHTML = bar;

.d-none {
    display:none;
}

<p>Live: </p><div class="d-none" id="raw">blablablablaCLRblabla</div>

<h5>Test: <span id="bar"></span>.</h5>

在 div 中搜索特定字词

Searching for a specific word in a div

javascript

if-statement

indexof