最近在跟着百度前端技术学院做任务,要将队列图形冒泡排序,并用可视化的方法表现出来。
开始单纯的以为实现了冒泡排序图案会自己动起来,后来才发现还是太年轻。
实现可视化的关键问题在与怎么将排序的每一步渲染到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