dom元素排序

                var sortOrder;

        if (document.documentElement.compareDocumentPosition) {
            sortOrder = function(a, b) {
                var ret = a.compareDocumentPosition(b) & 4 ? - 1: a === b ? 0: 1;
                if (ret === 0) {
                    hasDuplicate = true;
                }
                return ret;
            };
        } else if ("sourceIndex" in document.documentElement) {
            sortOrder = function(a, b) {
                var ret = a.sourceIndex - b.sourceIndex;
                if (ret === 0) {
                    hasDuplicate = true;
                }
                return ret;
            };
        } else if (document.createRange) {
            sortOrder = function(a, b) {
                var aRange = a.ownerDocument.createRange(),
                bRange = b.ownerDocument.createRange();
                aRange.selectNode(a);
                aRange.collapse(true);
                bRange.selectNode(b);
                bRange.collapse(true);
                var ret = aRange.compareBoundaryPoints(Range.START_TO_END, bRange);
                if (ret === 0) {
                    hasDuplicate = true;
                }
                return ret;
            };
        }

上面这段代码是复制自jquery选择器Sizzle的,其中用到了几个相对生僻点的东西.

3个if子句。

compareDocumentPosition是用来比较两个元素之间关系的,dom level 3里边定义的。(参考地址:http://www.cnblogs.com/liuxinke/articles/2096010.html
sourceIndex这个是ie特有的,用来标记元素在页面文档中的位置的属性.
compareBoundaryPoints是相对复杂点的东西,(参考地址:http://www.zhangxinxu.com/wordpress/?p=1591

为了实现dom元素排序。

转载于:https://www.cnblogs.com/jiajiaobj/archive/2012/06/06/2538415.html

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值