Javascript 隐藏文本区域验证_Javascript_Textarea

Javascript 隐藏文本区域验证

javascript

Javascript 隐藏文本区域验证,javascript,textarea,Javascript,Textarea,如何使用javascript检查textarea是否隐藏 var textArea = document.getElementById('textAreaId'); if (textArea.currentStyle.visibility === 'hidden' || textArea.currentStyle.display === 'none') { /* code */ } --配合 <textarea id="myBox">Lorem ipsum doloet s

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

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

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

--配合

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

Lorem ipsum doloet set amit

如果css没有将其设置为显示：无；，那么它不是首先被取消隐藏吗

如果要隐藏或显示它，只需使用一些JQuery即可：

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

或

依此类推。

如果您有两个id相同的元素，Internet explorer不知何故会感到困惑。虽然在firefox中工作正常，但在Internet explorer中却没有。我更改了textarea的id，它现在正在工作

谢谢你们。

你们试过elm.getBoundingClientRect（）吗

如果元素或父元素具有display:none，则它将给出所有零值。
可见性：隐藏元素在那里，然后有一个边界矩形

<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>


隐藏的
var rect=document.getElementsByTagName（'TEXTAREA'）[0].getBoundingClientRect（）；
警报（rect.right==0？'hidden'：'visible'）；

是否像中一样隐藏，不可见？或者当前不在页面上？或呈现为

控件？仅当在textarea的

样式

属性上显式设置了可见性（而不是，例如，如果由CSS规则使用类选择器设置）时，该控件才起作用，仅当在textarea的样式属性上显式设置了可见性/显示时，该控件才起作用（而不是，例如，如果由CSS规则使用类选择器设置）谢谢，如果在Internet Explorer中id不存在，document.getElementById（“id”）会返回什么？它在firefox中返回NULL。Yogsma，请确保您的文本区域设置了id属性。我已更新了我的答案以反映这一点。

getElementById（“id”）

也区分大小写，请确保您编写的内容与我的完全相同。如果找不到元素，它将返回

未定义的或null，我认为。在internet explorer中，它会以某种方式返回“”。
$(myForm.elements).hide()

<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>