Создание сайтов и программирование
(OFF) Spy_Poltergeist 30 мар 2022

Исчезновение блока, если в нём нет изображения

Всем здоровья и счастья! Написала скрипт,
который должен перебирать все изображения,
если изображения не загрузились, то скрипт
должен скрывать родительской блок под классом
.Parent_block, то есть у меня 3 блока, в центральном
блоке есть картинка, а в двух других нет, а значит
они должны стать display none.

Но я что-то сделала не так. Где я допустила ошибку?
⠀⠀⠀
let parent_block = document.querySelectorAll('.Parent_block');
let image_b = document.querySelectorAll('.Child_Img');

image_b.forEach(function(){

if(image_b.onerror){

for(let parent_block of hide){
hide.style.display = 'none';
}

}

})
⠀⠀⠀
<figure class="Parent_block">

<img class="Child_Img" src="">

<figcaption class ="Img_text">1</figcaption>

</figure>


<figure class="Parent_block">

<img class="Child_Img" src="https://i.ibb.co/kyXhZmB/photo-2021-11-18-14-40-18.jpg">

<figcaption class ="Img_text">2</figcaption>

</figure>


<figure class="Parent_block">

<img class="Child_Img" src="">

<figcaption class ="Img_text">3</figcaption>

</figure>
⠀⠀⠀
.Parent_block{
width:30%;
margin:0;
padding:0;
margin-left:10px;
margin-top:10px;
border:1px solid black;
display:inline-block;
height:250px;
}

img{
height:inherit;
width:100%;
}

Комментарии (0)

Показать комментарий
Скрыть комментарий
Для добавления комментариев необходимо авторизоваться
Создание сайтов и программирование
Легенды Крови
Удивительный мир фантазий, сражений и тайн... Битв
Тема: Светлая | Тёмная
Версия: Mobile | Lite | Touch | Доступно в Google Play