Question

如何使用javascript检查textarea是否隐藏？

Answer 1

var textArea = document.getElementById('textAreaId');

if (textArea.currentStyle.visibility === 'hidden' || textArea.currentStyle.display === 'none')
{
   /* code */
}

Answer 2

var myBox = document.getElementById("myBox");
if (myBox.currentStyle.display === "none" || myBox.currentStyle.visibility === "hidden") {
  alert("Box is invisible");
}

- 与

一起使用

<textarea id="myBox">Lorem ipsum doloet set amit</textarea>

Answer 3

如果你有两个具有相同id的元素，那么Internet Explorer会以某种方式混淆。虽然firefox中的东西运行正常，但它们并不适用于Internet Explorer。我改变了textarea的id，现在正在工作。

谢谢你们。

Answer 4

您是否尝试过elm.getBoundingClientRect（）？

如果元素或父元素显示：none，则它将给出所有零值可见性：隐藏元素，然后有一个boudning矩形。

<html>
<head>
    <title>hidden</title>
</head>
<body>
<div style="display:none">
    <form>
        <textarea></textarea>
    </form>
</div>
<script>
  var rect = document.getElementsByTagName('TEXTAREA')[0].getBoundingClientRect();
  alert(rect.right === 0 ? 'hidden':'visible');
</script>
</body>
</html>

Answer 5

如果你的css没有将它设置为display：none，那么它首先不会被取消隐藏; ？

如果你想隐藏它或显示它，你应该只能使用一些JQuery：

$(document.body).css( "display", "none" );

或

$(myForm.elements).hide()

等等。

隐藏的textarea验证

5 个答案: