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

Question

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

我想将此功能附加到按钮上，逐个显示多个隐藏元素。

Answer 1

在jQuery中很简单：

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

但是如果你没有访问jQuery，那就有点复杂了。任何有关可能隐藏哪些元素的信息都有助于在普通的javascript中为此提供一个好的解决方案。他们都是某个DIV的孩子吗？它们都是某个元素吗？

Answer 2

简单的Javascript：

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