怎么在div中创建子元素，删除子元素，删除所有的子元素

var addBtn = new Ext.Button({
text:'增加',
handler:function(){
var aa = Ext.getCmp('txtName').getValue();
var _span = document.createElement('span');
var _div = document.getElementById("Mydivs");
var childEles = _div.childNodes;
alert(childEles.length);
if(childEles.length >= 1){
_span.innerHTML = "^^^^"+aa;
}else{
_span.innerHTML = aa;
}

document.getElementById("Mydivs").appendChild(_span);

var _data = '';
for(var i = 0;i < childEles.length;i++){
Ext.getCmp('myTextArea').setValue('');
_data = _data + childEles[i].textContent;
}
Ext.getCmp('myTextArea').setValue(_data);
}
});
var deleteBtn = new Ext.Button({
text:'删除',
handler:function(){
var _div = document.getElementById("Mydivs");
var childEles = _div.childNodes;
var _index = childEles.length-1;
_div.removeChild(childEles[_index]);
var _data = '';
for(var i = 0;i < childEles.length;i++){
Ext.getCmp('myTextArea').setValue('');
_data = _data + childEles[i].textContent;
}
Ext.getCmp('myTextArea').setValue(_data);
}
});
var deleteAllBtn = new Ext.Button({
text:'删除所有',
handler:function(){
var _div = document.getElementById("Mydivs");
var childEles = _div.childNodes;
//当div下还存在子节点时 循环继续
while(_div.hasChildNodes()) 
    {
        _div.removeChild(_div.firstChild);
    }
Ext.getCmp('myTextArea').setValue("");
}
});