插入新的父级

Question

我有这样的示例代码

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

How can i insert a node element g using javascript to look like this

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