innerHTML eller liknande

Hej!

Någon som vet hur man lägger till HTML-kod i ett befintligt dokument/tagg utan att ersätta det som redan finns där?

Exempel:

Om jag har en <DIV id="main"> i villken jag vill med javascript skapa först en ny DIV och sedan en DIV till.

Det går bra att skapa en div i "main" med hjälp av innerHTML men när jag skapar den andra ersätter den (såklart) den första DIV:en.

Hajjar ni hur jag menar? Går det lösa?
Njut av solen!

mail.innerHTML+="<div id=\"div_1\"></div>";
mail.innerHTML+="<div id=\"div_1\"></div>";

borde funka.

ibland känner man sig en aning korkad =) Tack!

snyggare med:

var main = document.getElementById('main');

var newdiv = document.createElement('div');
newdiv.id = 'div1';

var newdiv2 = document.createElement('div');
newdiv2.id = 'div2';

main.appendChild(newdiv);
main.appendChild(newdiv2);