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在原来的位置进行移动。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值