JS中的表格排序和关于DOM映射机制

一：表格排序：

<ul>

<li> 98 </li>

<li> 65 </li>

<li> 99 </li>

<li> 90 </li>

<li> 87 </li>

</ul>

使列表按照li内容从小到大进行排序：

1、编写把类数组（arguments、nodeList（节点集合）、htmlDocument(元素集合)）转化为数组的方法：

在此方法中使用try-catch的方式解决浏览器兼容的问题

2、表格排序的几个步骤：

     2.1 先把元素集合类数组转变为数组（因为数组才能使用sort的的排序方法）

     2.2  给转化后获得的数组ary进行排序

    2.3  按照ary中存储的最新顺序依次把对应的li添加到页面中

二：dom映射机制：

疑问：使用appendChild（frg）应该是在原有的li下面添加排序后的li，那么原有的li有5个，排序后的li有5个，那么最后页面用该存在着10个li，为什么只有排序后的5个li呢？

解答：这就跟dom的映射机制有关了，什么是dom的映射机制呢？

因为排序后的li和页面存在的li是绑定的，重新插入排序后的li，只是把原有的li在原来的位置进行移动。