时间戳

首页 > 解决方案 > 获取 html div 的值

javascript - 获取 html div 的值

问题描述

大家好，我正在尝试在 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 语句中的第三个条件似乎都被忽略了......

标签： javascripthtmljquery

解决方案

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

推荐阅读