插入新的父母

Question

我有一个像这样的示例代码

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

如何使用javascript插入节点元素g看起来像这样

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