Element.Replace

Ersetzt ein Element durch ein anderes und behält dabei die Positionierung des ersetzten Elements bei.

Ein Bild wird durch einen Textabsatz ersetzt

var a = new Element('p', {'class':'demo', 'text':'Dieser Text ist nur ein Test und nicht mehr!'})
window.addEvent('domready', function(){
	a.replace($('bild1'));
});

Umgekehrt geht's auch: Ein Textabsatz ersetzt ein Bild

var b = new Element('p', {'class':'demo', 'text':'Dieser Text ist nur ein Test und nicht mehr!'})
window.addEvent('domready', function(){
	$('bild2').replaceWith(b);
});

Eine relativ positioniertes Bild wird durch eine Tabelle ersetzt

var c = new Element('table', {'class':'demo', 'html':'<tr><th>Alpha</th><th>Beta</th><th>Gamma</th></tr><tr><td>5467</td><td>5767</td><td>4646</td></tr><tr><td>7675</td><td>1267</td><td>3446</td></tr>'})
window.addEvent('domready', function(){
	$('bild3').replaceWith(c);
});

Ein gefloatetes und relativ positioniertes Bild wird durch ein Div mit Zeugs drin ersetzt

var d = new Element('div', {'class':'demo', 'html':'<h3>Hier steht Text!</h3><ul><li>Alpha</li><li>Beta</li><li>Gamma</li></ul><p>Coole Sache.</p>'})
window.addEvent('domready', function(){
	$('bild4').replaceWith(d);
});