获取html div的值

Question

大家好，我正在尝试用javascript获取div的值，但似乎不起作用。正如你所看到的；股份支票"；是红色的，这是因为"；共享过滤器"；是红色的，并且只有当所有的交通灯都是绿色的时，这个交通灯才是绿色的，但是当我例如"；共享仪表板"；红绿灯变绿了，即使我在if语句中说，只有以前不是红色的，红绿灯才能变绿。输出

<div class="float-child"> <div id="ShareChecksStatus"> </div> </div>

我试过这个：var filter = $('#ShareChecksStatus').html();

还有这个：var filter = document.getElementById('ShareChecksStatus').innerHTML;

这里我给我的div一个值：

if (value.securityCheckName== "ShareFilter" && value.checkStatus == "SUCCESS" && $('#ShareChecksStatus').text() !== "<span>&#128308;</span>)" ){
document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128994;</span>";

}
else if(value.securityCheckName== "ShareFilter" && value.checkStatus == "FAILED" ) {
document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128308;</span>";
}
else if (value.securityCheckName== "ShareFilter" && value.checkStatus == "RUNNING"){
document.getElementById('ShareChecksStatus').innerHTML = "<span>&#9898;</span>";
}
else if (value.securityCheckName== "ShareDashboard" && value.checkStatus == "SUCCESS" &&  $('#ShareChecksStatus').text()  !== "<span>&#128308;</span> )"){
document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128994;</span>";
}
else if(value.securityCheckName== "ShareDashboard" && value.checkStatus == "FAILED") {
document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128308;</span>";
}
else if (value.securityCheckName== "ShareDashboard" && value.checkStatus == "RUNNING" ){
document.getElementById('ShareChecksStatus').innerHTML = "<span>&#9898;</span>";
}

//Shareobj
else if (value.securityCheckName== "ShareObject" && value.checkStatus == "SUCCESS"  &&  $('#ShareChecksStatus').text() !== "<span>&#128308;</span> )"){
document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128994;</span>";
}
else if(value.securityCheckName== "ShareObject" && value.checkStatus == "FAILED") {
document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128308;</span>";
}
else if (value.securityCheckName== "ShareObject" && value.checkStatus == "RUNNING" ){
document.getElementById('ShareChecksStatus').innerHTML = "<span>&#9898;</span>";
}
}

不管我怎么写，if语句中的第三个条件似乎都被忽略了…

Answer 1

看，它似乎工作得很好，所以也许你的错误在其他地方(我刚刚从"<span>&#128308;</span> )"中删除了(，因为我认为这是一个拼写错误(。

var filter = document.getElementById('ShareChecksStatus').innerHTML;
if (document.getElementById('ShareChecksStatus').innerHTML !== "<span>&#128308;</span>" )
{
document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128994;</span>";

}

<div class="float-child"> <div id="ShareChecksStatus"> </div> </div>

Answer 2

我认为由于您检查的条件，括号内的代码不会运行，请尝试在检查之前设置div值

Answer 3

检查条件是否得到满足。您可以使用$('#ShareChecksStatus'(.text((访问div内容