插入新的父

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); 

插入一個節點元件g的示例代碼