如何检查输入文本字段在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