ottenere JavaScript elemento padre e scrivere div supporto per i fratelli

Question

ho la seguente struttura:

<div class="parent"> 
    <div id="child1">Content here</div> 
    <div class="child2">Content here</div> 
</div> 

A onload, voglio includere un "titolare" div, che contiene tutti i bambini del genitore questo modo:

<div class="parent"> 
    <div id="holder"> 
    <div id="child1">Content here</div> 
    <div class="child2">Content here</div> 
    </div> 
</div> 

Conoscendo solo l'ID "child1", come posso aggiungere un div del titolare attorno a sé e ai fratelli?

Considerazioni

• Il "child1" id è l'unico identificatore conosciuto.
• La classe "padre" e "figlio2" sono nomi dinamici e cambieranno, quindi non possono essere utilizzati come identificativi.
• deve essere JavaScript vaniglia.

Pensieri?

Answer 1

Visto che questo deve essere JavaScript (e non jQuery) e si può identificare solo il child1 da id si potrebbe fare qualcosa di grezzo come questo:

var child1 = document.getElementById("child1"), 
    parent = child1.parentNode, 
    contents = parent.innerHTML ; 
    parent.innerHTML = '<div id="holder">' + contents + '</div>'; 

Spero che questo aiuti ...

Answer 2

Ha detto di no jQuery, questo suona come un compito a casa, ma:

var el = document.getElementById('child1'); 
var parent = el.parentNode; 
parent.innerHTML = '<div id="holder">' + parent.innerHTML + '</div>';