Loop Text Nodes (v3)

Revision 3 of this benchmark created on January 24, 2012

Description

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<h1><strong><em title="JavaScript">js</em>Perf</strong> — JavaScript performance playground</h1>
<h2>What is jsPerf?</h2>
<p>jsPerf aims to provide an easy way to create and share <a href="/browse" title="View some examples by browsing the jsPerf test cases">test cases</a>, comparing the performance of different JavaScript snippets by running benchmarks. For more information, see <a href="/faq" title="Frequently asked questions">the FAQ</a>.</p>
<h2>Create a test case</h2>
<h1><strong><em title="JavaScript">js</em>Perf</strong> — JavaScript performance playground</h1>
<h2>What is jsPerf?</h2>
<p>jsPerf aims to provide an easy way to create and share <a href="/browse" title="View some examples by browsing the jsPerf test cases">test cases</a>, comparing the performance of different JavaScript snippets by running benchmarks. For more information, see <a href="/faq" title="Frequently asked questions">the FAQ</a>.</p>
<h2>Create a test case</h2>
<h1><strong><em title="JavaScript">js</em>Perf</strong> — JavaScript performance playground</h1>
<h2>What is jsPerf?</h2>
<p>jsPerf aims to provide an easy way to create and share <a href="/browse" title="View some examples by browsing the jsPerf test cases">test cases</a>, comparing the performance of different JavaScript snippets by running benchmarks. For more information, see <a href="/faq" title="Frequently asked questions">the FAQ</a>.</p>
<h2>Create a test case</h2>

Setup

function LoopTextNodesA(node)
    {
        if (node.nodeType == 3)
        {
                // textnode
        }
        else if (node.hasChildNodes())
        {
                for (var i=0;i < node.childNodes.length;i++)
                {
                        LoopTextNodesA(node.childNodes[i]);
                }
        }
    }
    
    function LoopTextNodesB(node)
    {
        if (node.nodeType == 3)
        {
                // textnode
        }
        else if (node.hasChildNodes())
        {
                var i = node.childNodes.length;
    
                while(i > 0)
                {
                        LoopTextNodesB(node.childNodes[--i]);
                }
        }
    }
    
    function LoopTextNodesD(node)
    {
        if(node)
        {
                node = node.firstChild;
                while(node != null)
                {
                        if(node.nodeType== 3)
                        {
                                // textnode
                        }
                        else
                                LoopTextNodesD(node);
    
                        node = node.nextSibling;
                }
        }
    }
    
    function LoopTextNodesE()
    {
        var     walker = document.createTreeWalker(
                        document.body, 
                        NodeFilter.SHOW_TEXT, 
                        null, 
                        false
                ),
                node,
                textNodes = [];
    
        while(node = walker.nextNode())
        {
                //textnode
        }
    }

Test runner

LoopTextNodesA(document.body);

LoopTextNodesB(document.body);

$('*')
        .contents()
        .filter(function() {
                return this.nodeType == 3;
        })
        .each(function(){
                // textnode
        });
 

LoopTextNodesD(document.body);

LoopTextNodesE();

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 2: published on September 2, 2011
• Revision 3: published on January 24, 2012