Full explanation of html table sorting

Full explanation of html table sorting
The sorting process of an html table is as follows: 1. Obtain the column number of the header cell clicked by the mouse. 2. traverse all data rows, obtain html 3 in each <tr> and the content 4 in the <td> tag corresponding to the obtained column number under each <tr> tag, and obtain the type attribute value of the <th> tag (number string ip) 5. splice the <tr> html, <td> content, and <th> type attribute values into strings and add them to array 6. Then, set all the html in Table <tr> null 7 compares the content of <td> according to different type attribute values. 8. sorts the array according to the comparison result. 9. Then, the sorted array element is assigned to <tr> 10 if the column has been sorted, the array is inverted directly. Three sorting rules are provided: numerical value, string, and IP address. String sorting rules use the localeCompare method of javascript. Code:

<! Doctype html>