Как вывести одно значение из двух в div с помощью js или jq?

Question

[Stacy None]

К примеру у меня есть div

<div  class="boblo">
<img src="image.svg">
<span>ошибка</span>
</div>

Как с помощью JS или JQ сделать небольшой скрипт который отображал бы span в этом div только если изображение битое?

Comments

[Dymok]

https://learn.javascript.ru/onload-onerror

Answer 1

[DanKud]

<div class="boblo">
    <img src="image.svg">
    <span style="display: none">ошибка</span>
</div>

document.querySelector('.boblo > img').addEventListener('error', function() {
    this.style.display = 'none';
    this.nextElementSibling.style.display = 'block';
})