Javascript怎么按指定条件从小到大从大到小？

Javascript按大小排序？
以下代码，怎么按大小排序？点击按钮，大小从小到大，在点击按钮，从大到小

<table>
    <thead>
        <tr>
            <td>ID</td>
            <td>大小</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>100kb</td>
        </tr>
        <tr>
            <td>2</td>
            <td>5.2mb</td>
        </tr>
        <tr>
            <td>3</td>
            <td>700kb</td>
        </tr>
    </tbody>
</table>

建议还是用数据循环渲染出来。这样只需要操作数据就行。但非要写死那就得，获取tbody下所有的tr里的第二个td然后。获取到是一个数组，循环一下。i.innerText.最后排序。排完序再tbody.innerHtml="排完序的html"

用单位转成一致,再sort方法方法重新排序 ,排完把表格删掉重新渲染 或者用vue等数据动态绑定数据就可以了

1.标题直接写在HTML上，便于点击按钮，排序
2.排序的内容用JS渲染，比较数字的大小就可以了。然后拼接HTML