如何检查div是否为空?

时间:2019-02-13 11:09:33

标签: javascript html

我正在尝试制作井字游戏。以下代码将X或O添加到一个框中,但是,我想添加一个条件,该条件规定仅将其更改为X或O(如果为空)。

“ &&(id.innerHTML =“”)”是破坏代码的代码部分。当我添加它时,单击时什么也没有发生。我也尝试使用.getElementById,但没有运气。

df['Alarm Time'] = pd.to_datetime(df['Alarm Time'], dayfirst=True)

#change format dates
df = df[df['Alarm Time'].between('2019-02-06 14:38:00','2019-02-06 14:41:00')]
print (df)
    Alarm Number     Alarm Type Severity          Alarm Time  \
2            333  Communication    Minor 2019-02-06 14:38:00   
3            444  Communication    Minor 2019-02-06 14:38:00   
4           1223     Processing    Minor 2019-02-06 14:38:00   
5           4343     Processing    Minor 2019-02-06 14:39:00   
6         414134  Communication    Minor 2019-02-06 14:39:00   
7         443314  Communication    Minor 2019-02-06 14:39:00   
8        1343443  Communication    Minor 2019-02-06 14:39:00   
9       41343434     Processing    Minor 2019-02-06 14:41:00   
10           343  Communication    Minor 2019-02-06 14:41:00   
11           343  Communication    Minor 2019-02-06 14:41:00   
12         34343  Communication    Minor 2019-02-06 14:41:00   

                     Probable Cause  
2   Communication Subsystem Failure  
3   Communication Subsystem Failure  
4     Application Subsystem Failure  
5     Application Subsystem Failure  
6   Communication Subsystem Failure  
7   Communication Subsystem Failure  
8   Communication Subsystem Failure  
9     Application Subsystem Failure  
10  Communication Subsystem Failure  
11  Communication Subsystem Failure  
12  Communication Subsystem Failure  

5 个答案:

答案 0 :(得分:3)

您可以使用id.innerHTML检查div是否为空。

您提供的示例使用分配运算符=而不是比较运算符=====

从文档中

  

相等(==)如果两个操作数不是同一类型,则等于运算符将对其进行转换,然后应用严格比较。如果两个操作数都是对象,那么JavaScript将比较内部引用,当操作数引用内存中的同一对象时,内部引用是相等的。

这是从W3Schools指向article on comparison operators的有用链接。

答案 1 :(得分:2)

.innerHTML检查中使用=而不是===。小心! :D

答案 2 :(得分:0)

u必须使用===来检查内容和值类型,而不仅仅是==来检查值tpye

注意

===没有类型强制的平均等式

答案 3 :(得分:0)

您需要使用<a href="link1"> link to be clicked </a> <a href="link2" id="x" name = "x" class="btn btn-info btn-sm disabled">link to be changed</a> (相等运算符/严格比较运算符)而不是===(赋值运算符):

=

答案 4 :(得分:0)

您可以尝试以下代码:

  <script>
        function checkEmpty(obj) {
            if(obj.innerHTML === "") {
                alert("empty");
            } 
        }
    </script>

    <div style="background: red; padding: 20px" onclick="checkEmpty(this)">not empty div</div>
    <div style="background: red; padding: 20px" onclick="checkEmpty(this)"></div>

基本上在您的div中添加“ onclick”,然后调用一个检查是否为空的函数。 但是您可以尝试自己的功能,只需检查obj.innerHTML === ""