JavaScript - TypeError: document.getElementsByClassName(...).style is undefined

Ahoj,

když se snažím na HTML stránce skrýt obsah pomocí tlačítka na Ukaž / Skryj podle tohoto návodu s tím rozdílem, že já chci skrýt všechny DOM elementy s class name "hide"

function hide(x)
{
  if(x==1)
    document.getElementsByClassName("hide").style.display="block";
  else
    document.getElementsByClassName("hide").style.display="none";
}

tak to háže chybu TypeError: document.getElementsByClassName(...).style is undefined . Nevíte co s tím?

ODPOVĚĎ

Ahoj,

getElementsByClassName ti vrací kolekci (pole), takže chybu TypeError: document.getElementsByClassName(...).style is undefined lze vyřešit v tomto případě třeba takto:

function hide(x)
{
  var hides = document.getElementsByClassName("hide");
  for(var i = 0; i   {
    if(x==1) {
      document.getElementsByClassName("hide")[i].style.display="block";
    } else {
      document.getElementsByClassName("hide")[i].style.display="none";
    }
  }
}