怎么判断HTML中某个元素是否可见(一个普通的input框放在一个不可见的层内是不可见的,不要递归找父元素的display属性)

这样不可以吗
var obj=document.getElementsByName("test");//获得对象
if(obj.style.display=="none")  break;
....其他操作

解决方案 »

  1.   

    <div style="display:none"><input type='text' id='txt1'/></div>
    <div><input type='text' id='txt2'/></div>
    <button onclick="Test()">测试可见性</button>
    <script>
    function Test()
    {
      var id=prompt("请输入id，可能值为1或2","1");
      try
      {
         document.getElementById("txt"+id).focus();//使用focus尝试获取焦点，如果获取不了说明隐藏了
      }
      catch(e)
      {
        alert("id为"+id+"的控件不可见！");
      }
    }
    </script>
      

  2.   

    visibility不好用...<div style="display:none">
    <!--<div style="visibility:hidden">-->
    <table> <tr> <td> 
    <input id="test" name="test"></td></tr></table> 
    </div>
    <script type="text/javascript">
    window.onload = function () {
    with (document.getElementById("test")) {
    if (offsetWidth + offsetHeight == 0) alert("东西呢？");
    }
    };
    </script>
      

  3.   

    这个和hidden一个道理为什么跳它不跳hidden呢?
      

  4.   

    <HTML>
     <HEAD>
     </HEAD>
     <BODY>
     display:<input type=checkbox onclick="document.getElementById('divId').style.display=(this.checked?'':'none');" checked /><br>
    <div   id="divId" > 
    <table> <tr> <td> 
    <input   id="test"     name="test"> </td> </tr> </table> 
    </div> 
    <input type=button value=click onclick="alert('可见吗'+(document.getElementById('test').offsetHeight>0));">
     </BODY>
    </HTML>
      

  5.   

    muxrwc 
    好读书时不好读书，好读书时不好读书，唉，老了 
    发表于：2008-02-28 18:03:454楼 得分:0 
    这个和hidden一个道理为什么跳它不跳hidden呢?     这句我不大懂,不过貌似offsetHeight和offsetWidth可以解决,现在结帖,不过
    我也好奇,为什么递归效率差不了多少呢???
    请muxrwc发表一下,
    另外
    visibility不好用... 
    是什么意思???我主要是怕有嵌套错误造成无法判断,也有考虑效率问题
    谢谢
     
      

  6.   

    另外
    用focus我没试
    因为用focus很容易造成死循环
      

  7.   

    focus不兼容:D
    如果只是考虑display:none;这种隐藏的情况,判断offset已经足够了..