Создание сайтов и программирование Создание сайтов и программирование
Всем здоровья и счастья! Написала скрипт,
который должен перебирать все изображения,
если изображения не загрузились, то скрипт
должен скрывать родительской блок под классом
.Parent_block, то есть у меня 3 блока, в центральном
блоке есть картинка, а в двух других нет, а значит
они должны стать display none.
Но я что-то сделала не так. Где я допустила ошибку?
⠀⠀⠀
который должен перебирать все изображения,
если изображения не загрузились, то скрипт
должен скрывать родительской блок под классом
.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 0 3
Для добавления комментариев необходимо авторизоваться
Флибустьеры
Грабь корабли! Побеждай монстров! Создавай уникаль...