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