Wie mache ich Zeilenumbrüche in DHTML (W3C DOM)

[Dave]

//Mit .innerHtml klappen Zeilenumbrüche ganz einfach,
//zB:

//...

<div id="effekt">   </div>

//...

var zeile = ' '; // global
var start_ID;

function starten()
{
start_ID = setInterval("bla()",120);
}

function bla()
{
zeile = wort + "\n" + zeile

document.all.effekt.innerHTML = zeile;
}

//...

//aber wenn man die w3c DOM verwendet klappts
//zumindest so net:

document.getElementById("effekt").firstChild.nodeValue = zeile;

//dann wird das "\n" einfach ignoriert,
//wie krieg ich die Zeilenumbrüche jetzt hin?