JavaScript dostać elementu nadrzędnego i napisać uchwyt div dla rodzeństwa

Question

Mam następującą strukturę:

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

Na onload, chcę obejmują „posiadacz” div, który przechowuje wszystkie dzieci rodzica tak:

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

Znając tylko identyfikator "child1", w jaki sposób mogę dodać element div właściciela do siebie i rodzeństwa?

Rozważania

• przycisków "child1" id jedyny znany identyfikator.
• Klasa "rodzic" i "dziecko2" są nazwą dynamiczną i ulegną zmianie, dlatego nie mogą być używane jako identyfikatory.
• musi być vanilla JavaScript.

Myśli?

Answer 1

Widząc, jak to musi być JavaScript (jQuery i nie) i można tylko identyfikują się child1 przez ID mógłby zrobić coś jak ropa jak to:

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

Nadzieja to pomaga ...

Answer 2

powiedział bez jQuery, to brzmi jak zadanie domowe, ale:

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