JavaScript：使第一个隐藏元素可见

Question

如何查找具有style =“display：none;”的文档中的第一个元素设置并使其可见？

我想把这个功能附加到一个按钮来逐个显示几个隐藏的元素。

Answer 1

简单的Javascript：

var el=document.getElementsByTagName("*"); 
for(i=0;i<el.length;i++) 
    if(el[i].style.display=="none"){ 
     el[i].style.display="block"; 
     break; 
    } 

Answer 2

在jQuery中很简单：

$(':hidden:first').show(); 

，但如果你没有到jQuery的访问，这是一个比较复杂一点。任何有关可能隐藏的元素的信息将有助于在普通的javascript中提供一个很好的解决方案。他们都是某个DIV的孩子吗？他们都是某个元素吗？