Почему не срабатывает getElementsByClassName на JavaScript?

Question

[Bestolkovy]

Добрый день!

Товарищи, делаю замену следующей строчке на jQuery чтобы мгновенно скрыть галерею пока не загрузились все изображения для неё:

$( ".container" ).hide();

Пишу на чистом JavaScript, чтобы срабатывала быстрее:

document.getElementsByClassName('container').style.display = "none";

Скажите, почему она не срабатывает? Всё ведь правильно написано?

Answer 1

[iBird Rose]

document.getElementsByClassName('container')[0].style.display = "none";

Comments

[Bestolkovy]

Почему-то, срабатывает только после загрузки всего документа, что не приемлемо. Можно как-то сделать, чтобы как только элемент появился в поле видимости, сразу скрыть? Чтобы он даже мелькнуть не успел.

[iBird Rose]

Bestolkovy: ну самое оптимальное - задать в css - display: none; а уже потом показывать если нужно будет - уже через js

Answer 2

[Stepanya]

потому что "document.getElementsByClassName('container')" возвращает массив

Comments

[Dark Hole]

NodeList! Не массив.

[Bestolkovy]

Как тогда скрыть элемент на чистом?