Comment vérifier si le champ de texte d'entrée est visible ou caché en Javascript?

Question

J'ai un champ de texte d'entrée qui a

style: "visibility: visible" 

ou

style: "visibility: hidden" 

Quelle est la meilleure façon de savoir si elle est visible ou non?

Supposons que le champ de saisie de texte est E. Quelle devrait être la condition ici:

if <something with E> { 
    alert("The text filed is visible !!"); 
} 

?

Merci d'avance!

Answer 1

Comme ceci:

if(element.style.visibility == "visible") { 
    alert("The text filed is visible !!"); 
} 

Si vous avez besoin également du code pour obtenir l'élément, voici un exemple par l'attribut id:

var element = document.getElementById("myInputID"); 
if(element.style.visibility == "visible") { 
    alert("The text filed is visible !!"); 
} 

Le code ci-dessus trouverait un élément comme celui-ci (note ID doit être unique):

<input type="text" id="myInputID" /> 

Answer 2

if(document.getElementByid(YOUR_OBJECT_ID_HERE).style.visbility == 'hidden') 
{ 
    alert('Hidden'); 
} 

Cela devrait fonctionner.

Answer 3

Vous pouvez également utiliser

is(":visible"); 

quelque chose comme

$(this).is(":visible"); //here $(this) is your element