javascript - 如果页面上存在 div 元素，则隐藏其他元素

Question

我有一个动态网页表单，我想检测某个元素是否可见；如果它隐藏了我的另一个元素。我有以下尝试，但这并不稳定； 即元素并不总是隐藏的。有更好的技术吗？

setInterval( myValidateFunction2, 1000);

function myValidateFunction2 () {   
    var inElgbl =  document.getElementById('field_52_116');
    if (typeof(inElgbl) != 'undefined' && inElgbl != null)
    {
        document.getElementById('field_52_24').style.display = "none";
    }   
};  

<小时/>

默认情况下是display: none;，但如果变成display: block;，可能会变成display: block; 我想display: none; 我的另一个 div elem。

Answer 1

如果某个元素占用了文档中的空间，则将其视为可见。对于大多数目的来说，这正是您想要的。试试这个:

setInterval( myValidateFunction2, 1000);

function myValidateFunction2 () {   
    var inElgbl =  document.getElementById('field_52_116');
    if (inElgbl.offsetWidth <= 0 && inElgbl.offsetHeight <= 0)
    {
        document.getElementById('field_52_24').style.display = "none";
    }   
};