При добавлении элемент метода .style отдает ошибку null. Почему?

Question

[mydarck]

Здравстуйте. Подскажите, пожалуйста, почему возникает ошибка.
Есть элемент, он изначально скрыт display none. На разрешении 992 ему присваивается свойство block. Возможно в этом и есть ошибка, т.к. элемент изначально скрыт. Однако, у данного узла есть внутренний элемент. Если его пытаться найти все получается, но если найти и пытаться сменить css свойство отдает null. В чем ошибка и как обратиться к данному элементу, если все-таки есть острая необходимость изменить свойства. Пример тут .

Comments

[Kovalsky]

Я думаю все эти операции лучше сделать с помощью CSS

[mydarck]

Kovalsky, вы обсалютно правильно думаете, но в моем случае необходимо обратиться именно через JS.

[Dima Polos]

Код покажите, о чем речь.

[mydarck]

Dima Polos, добрый день. Так ссылка же есть в описании вопроса. Дублирую.

[Kovalsky]

mydarck, ну так вы же перезаписываете содержимое контейнера, а потом пытаетесь искать элементы которых нет

[Dima Polos]

mydarck, извините, упустил

[mydarck]

Kovalsky, да вы правы, но я сделал это для удобства. Если оставить вывод 1. То видно, что элемент прекрасно находится. А если к нему пытаться применить метод .style то получается ошибка. Вот к ней у меня вопросы: 1. почему возникает эта ошибка, если объект по факту найден. 2. Мне нужно задать свойства через js, как это можно сделать. Я объясню зачем мне это. Размер блока galery__item динамически изменяется. В каждый момент времени мне нужно знать и строго задавать этому блоку размер. Соответственно я не могу задать это через css т.к. его размер высчитывается скриптом.

[mydarck]

Dima Polos, ничего страшного.

Answer 1

[Dima Polos]

В одном блоке у Вас есть galery__item, а во втором нет, попробуйте Ваш пен открыть так, чтоб область результата была на весь экран - код заработает, но там пойдут другие нюансы)