JavaScript实现冒泡（选择、快速）排序可视化

最近在跟着百度前端技术学院做任务，要将队列图形冒泡排序，并用可视化的方法表现出来。

开始单纯的以为实现了冒泡排序图案会自己动起来，后来才发现还是太年轻。

实现可视化的关键问题在与怎么将排序的每一步渲染到HTML上。

看了下网上的方法，下面是关键代码：

//触发排序按钮，判断value是bubble/select/quick,执行对应的函数
        for(var t=0;t<btn_sort.length;t++){
            btn_sort[t].οnclick=function () {
                var spans = pCon.getElementsByTagName('span');
                var arr = [];
                for (var i = 0; i < spans.length; i++) {
                    arr