删除元素所有子节点

删除元素所有子节点

方法一

1
2
var elem = getElementById("elem_id");  
elem.innerHTML = "";

方法二

1
2
3
4
5
6
7
function fnDelete(){   
    var elem = getElementById("elem_id");  
    while(elem.hasChildNodes()) //当elem下还存在子节点时 循环继续  
    {  
        elem.removeChild(elem.firstChild);  
    }  
}

方法三

1
2
3
4
5
6
7
function fnDelete(){   
    var elem = getElementById("elem_id");  
    while(elem.lastChild) //当div下还存在最后的子节点时 循环继续</span><span style="font-size:14px;">  
    {  
        elem.removeChild(elem.lastChild);  
    }  
}

方法四

1
2
3
4
5
6
7
function fnDelete(){   
    var elem = getElementById("elem_id");  
    var childs = elem.childNodes;  
    for(var i=childs.length-1; i>=0; i--){      
        elem.removeChild(childs.item(i));      
    }   
}

方法五

1
$("#elem_id").empty();