Как заменять элемент при его отсутствии (если не загрузился)?

[Mc'Olin]

Как в приведённом ниже фрагменте кода сделать так, что бы если картинка (logo.jpg) не загрузилась, изображение не выводилось, а показало следующую строку (<h1 id="logotext">text</h1>). Я думал в атрибут картинки вставить <h1 id="logotext">text</h1>, но потом подумал, что вставлять теги в атрибут безумно. Помогите, пожайлуста. Основы понимаю более-менее, а сейчас учу всякие приемы и накапливаю свой багаж знаний.

<div id="head">    <img src="logo.jpg" />    <h1 id="logotext">text</h1></div>

[jdk]

Добавьте в <img> атрибут alt, он будет отображаться в случае, если картинка не загрузиться.

[Aleksandr.L]

Например, так:

var images = document.getElementsByTagName('img');for(var i = 0; i < images.length; i++ ) {    images[i].addEventListener('error', function(e) {        this.parentNode.removeChild(this);    });}