arr = document.getElementById('test-list').children;
for(var i=0; i < arr.length; i++) {
    for(var j=0; j < arr.length-i-1; j++) {
        if(arr[j].innerText > arr[j+1].innerText) {
            document.getElementById('test-list').insertBefore(arr[j+1], arr[j]);
        }
    }
}

如果用替换文本的方式,假如文本内容的属性不一样,例如JavaScript颜色是蓝色的和其他不一样,那交换后显示的就不正确了