zoukankan      html  css  js  c++  java
  • 高性能JS比较nextSibling,ChildNodes,Children速度

    原书中说:IE中nextSibling比childNodes表现优异。在IE6中,nextSibling快16倍,IE7中是105倍。

    经测试后发现:IE7下:nextSibling要快一些,childNodes与childnren速度相当。IE6下:nextSibling与childNodes差别相当大,children稍快。FF下还是nextSibling快一点。

    function testNextSibling(){
        
    var el = $('mydiv'),
            ch 
    = el.firstChild,
            name 
    = '';
        
    do {
            name 
    = ch.nodeName;
        } 
    while (ch = ch.nextSibling);
        
    return name;
    }
    function testChildNodes(){
        
    var el = $('mydiv'),
            ch 
    = el.childNodes,
            len 
    = ch.length,
            name 
    = '';
        
    for(var count=0; count<len; count++){
            name 
    = ch[count].nodeName;
        }
        
    return name;
    }
    function testChildren(){
        
    var el = $('mydiv'),
            ch 
    = el.children,
            len 
    = ch.length,
            name 
    = '';
        
    for(var count=0; count<len; count++){
            name 
    = ch[count].nodeName;
        }
        
    return name;
    }

    正美:

  • 相关阅读:
    字符串转换为整数
    解决.Net 3.1 alpine镜像无法连接Sql server的问题
    微信小程序之wepy自动化架构搭建(fly+wepy-plugin-replace)
    node+express+socket.io+mysql=通讯服务器搭建(一)
    vuejs学习——vue+vuex+vue-router项目搭建(二)
    vuejs学习——vue+vuex+vue-router项目搭建(一)
    vuejs学习——vue+vuex+vue-router项目搭建(三)
    vuejs学习--递归组件(树型表格分享)
    Simditor学习--vuejs集成simditor
    前端学习——实现事件代理
  • 原文地址:https://www.cnblogs.com/jikey/p/2084627.html
Copyright © 2011-2022 走看看