删除每个子元素除了第一个孩子吗？

Question

function sortPosts() { 
var pSort = document.getElementById('pSort').selectedIndex; 
var pstSort = document.getElementById('pSort').options; 
var sorted = pstSort[pSort].value; 
var hr = new XMLHttpRequest(); 
var url = "..."; 
var vars = "sort="+sorted; 
hr.open("POST", url, true); 
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
hr.onreadystatechange = function() { 
    if (hr.readyState === 4 && hr.status === 200) { 
     var return_data = hr.responseText; 
     var cntnt = document.getElementById('content'); 
     while ((cntnt.lastChild !== ' 
     <select id="pSort"> 
      <option value="all" selected="true">All Posts</option> 
      <option value="friends">Friends\' Posts</option> 
      <option value="following">Following\'s Posts</option></select>' && cntnt.childNodes.length !== 1) || (cntnt.firstChild != '<select id="pSort"><option value="all" selected="true">All Posts</option><option value="friends">Friends\' Posts</option><option value="following">Following\'s Posts</option></select>' && cntnt.childNodes.length != 1)) { 
      cntnt.removeChild(cntnt.lastChild); 
     } 
     document.getElementById('content').innerHTML += return_data; 
     document.getElementById('content').style.opacity = '1.0'; 
    } 
} 
hr.send(vars); 
document.getElementById('content').style.opacity = "0.5"; 

}

我需要删除在div＃内容元素的每个子元素，直到只有选择的元素仍然存在。我会说除了第一个以外的每个子元素，但似乎Chrome中有一个无法控制的div内容元素中的无形文本节点。

或者，如果您有更好的方法来保持页面上的select元素，而Ajax加载新内容并删除旧内容，我很乐意听到它。

Answer 1

要删除所有，但第一个孩子：

while (cntnt.childNodes.length > 1) { 
    cntnt.removeChild(cntnt.lastChild); 
} 

您还可以通过的id的select要保存

while (cntnt.lastChild.id !== 'pSort') { 
    cntnt.removeChild(cntnt.lastChild); 
} 

或者你可以只得到pSort的innerHTML和过滤器立即附加ajax响应，无需循环移除元素

cntnt.innerHTML = document.getElementById('pSort').innerHTML + return_data;