检查DIV是否可见或不使用javascript

Check if DIV is visible or not using javascript

本文关键字:javascript DIV 是否 检查      更新时间:2023-09-26

我有一个div名称uploadBiodata_manual_+(count) .在该div中,我有一个文件类型输入id ' file_uploadBiodata_manual_+(count) '。这里如何检查div是否可见。如果div可见如何检查文件类型input是否有file?

您可以检查div显示属性以及输入文件类型的值属性,如:

if(document.getElementById("your_div_id").style.display != "none") {
    //its visible
   //check if input fie type has file selected
   if(document.getElementById("your_file_input_id").value != "") {
       //its has file selected
   } 
}

check clientHeight。对于不可见元素

,它将为零。
 isVisible=function(elemID){
    var e=document.getElementById(elemID);
    if(!e) return false;            //Not exisiting
    if (e.clientHeight) return true;        //Height of invisible components are zero
    return false
}

试试这个方案…

var isVisible = $('#dvData').is(':visible');
alert("dvData is " + isVisible);