Javascript - Uncaught TypeError: невозможно прочитать свойство «длина» неопределенного

Итак, я пытаюсь сделать ОС в javascript, и да, я знаю, что это, скорее всего, будет в HTML, но я над чем-то работаю, поэтому у меня были некоторые проблемы с этим, особенно с этим простым маленьким крошечным кодом, я пробовал все с и без и пришел с двумя ошибками. Один я поместил в заголовок, а второй без использования длины и просто поставил число, я поставил 1, чтобы посмотреть, что произойдет. для второй ошибки это то же самое, что и эта ошибка, за исключением того, что без «длины» у нее есть «1» или другое число, которое я вставил в нее. Я также просмотрел переполнение стека и ничего не нашел.

Вот мой код:

var i;
var c = document.getElementsByClassName("app-slot").children;
for (i = 0; i < c.length; i++){
 if (c[i].tagName != "img"){
     c[i].style.display = "none";
 }
}

Может ли кто-нибудь помочь мне сказать мне, что может быть не так с этим... моя основная цель - определить, есть ли верхний элемент с именем класса "app-slot" и посмотреть, есть ли у него дочерний тег "img". Я знаю, что это работает с идентификаторами, а не с другими, я полностью застрял на этом. Это отличается от дублированного, который был помечен, потому что он использует дочернее свойство, и простое изменение его на «querySelectorAll» при сохранении дочернего свойства ничего не меняет и не дает мне пример, который я хотел, либо в одном из ответы.