JavaScript Sort table sorting_javascript skills

var DTable=document.getElementById(TableID );
var DBody=DTable.tBodies[0];
var DataRows=DBody.rows;
var MyArr=new Array;
//Put all rows into the array
for (var i=0;iMyArr[i]=DataRows[i];
}
MyArr.sort(CustomCompare(Col,DataType));
//Create a document fragment and add all the rows to it, which is equivalent to a temporary storage rack. The purpose is (if added directly to document.body, a row will be inserted and refreshed once. If there is too much data, it will affect the user. Experience)
//First put all the rows in the temporary shelf, and then add the rows in the temporary shelf to document.body, so that the table will only be refreshed once.
//Just like when you go shopping in a store, you first write down all the items (rows) you want to buy on a list (document fragments), and then buy them all in the supermarket without thinking of just one thing. Then
var frag=document.createDocumentFragment();
for(var i=0;ifrag.appendChild(MyArr[i]); //Add all rows in the array To the document fragment
}
DBody.appendChild(frag);//Add all the lines in the document fragment to the body

return function CompareTRs(TR1, TR2){
var value1,value2;
value1=convert(TR1.cells[Col].firstChild.nodeValue,DataType);
value2=convert(TR2.cells[Col].firstChild.nodeValue, DataType);
if(value1 < value2)
return -1;
else if(value1 > value2)
return 1;
else
return 0;
};

Of course, being able to write it in this form is thanks to closures. In the sort method, iterate through each item in the array (each item stores each row of the table) and pass the parameters into CompareTRs(TR1,TR2), and then return the result.
In fact, this is OK, but what if you want to sort the pictures?
What type of picture is it? I don’t know, so let’s try a trick and use the title of the picture or the alt attribute. They can always be strings. Give them a custom property customvalue and sort by its value. Just when implementing
to determine whether it contains this attribute, then the CompareTRs method needs to be modified.

The sorting of pictures has also been solved. What if the user wants to sort multiple times and click multiple times? Do we still need to modify the CompareTRs method?
Obviously not necessary, there is a reverse() method in JavaScript that can reverse each item in the array. The modification to the SortTable method only needs to be like this

Be sure to pay attention to the capitalization in JavaScript, as it is easy to make mistakes.
The above code was tested successfully, and the effect of sorting dates is as shown below

All codes: