вставки нового родителя

Question

У меня есть пример кода, как этот

<svg id="id1"> 
    <element1> 
    </element1> 
    <element2> 
    </element2> 
    </svg> 

Как я вставить элемент узла г с помощью JavaScript, чтобы выглядеть следующим образом

 <svg id="id1"> 
     <elementadd> 
     <element1> 
     </element1> 
     <element2> 
     </element2> 
     </elementadd> 
    </svg> 

Answer 1

var parent = document.getElementById('id1'); 
var new_el = document.createElement('elementadd'); 

while(parent.firstChild) { 
    new_el.appendChild(parent.firstChild); 
} 

parent.appendChild(new_el);