如何檢查輸入文本字段是否可見或隱藏在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