js清空html子元素方法性能比较

用js来清除一个元素下面的所有子元素,总共有三个方法:

1. 清空innerHTML

示例代码:

pBox.innerHTML ='';  

注:

这种方法只适用于处理HTML,不适用于处理XML

2. 使用remove firstChild

示例代码:

while(pBox.firstChild){  
 pBox.removeChild(pBox.firstChild);
}

3. 使用remove lastChild

示例代码:

while(pBox.lastChild){  
 pBox.removeChild(pBox.lastChild);
}

大家猜猜哪种方法性能最好?

答案是第三种方法。

有测试有真想=>http://jsperf.com/innerhtml-vs-removechild/15