如何检查输入文本字段是否可见或隐藏在Javascript中？

Question

我有有

style: "visibility: visible" 

或

style: "visibility: hidden" 

什么是看看它是可见或不可见最简便的方式输入文本字段？

假设输入文本字段E.什么应该是这里的条件：

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

？

提前致谢！

Answer 1

像这样：

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

如果您还需要编写代码以获得元素，这里是由id属性的例子：

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

上面的代码会发现这样的一个元素（注ID应该是唯一的）：

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

Answer 2

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

这应该工作。

Answer 3

您还可以使用

is(":visible"); 

像

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