manipolazione dom

[v.1]

ciao a tutti
come faccio ad inserire del codice html prima o dopo un elemento, magari specificando anche gli argomenti del tag, tipo class, id?
esempio:

<div id="test">contenuto</div>

diventa

<div style=""><div id="test">contenuto</div></div>


per ora faccio così:

var ele = document.getElementById("test")
var pre = ele.innerHTML;
var bf = "<div style='...'>";
var af = "</div>";
ele.innerHTML = bf+pre+af; 

ma devo aggiungere un'altro div per mantenere le proprietà di "test"
<div id="test"><div id="prop">contenuto</div></div>

non mi piace molto come metodo, ho l'impressione che non sia una buona idea mettere una gran quantità di dati (cioè il contenuto di "test") in una variabile.
è possibile ottenere lo stesso risultato con funzioni tipo document.write? come faccio a specificare in che punto della pagina va inserito il nuovo testo?

[cavicchiandrea]

Leggi qui ottima guida