Program recursion in javascript

Question

I am a beginner at javascript. I want to use javascript to browse all the elements in the dom and print its name, I wrote the following:

function getNumber(parent){
                var entiredoc = parent;
                var docnodes = entiredoc.childNodes;
                return docnodes.length;
            }
function browAllDom(parent){
      if(parent!=null){
            for(i = 0; i < getNumber(parent); i++){
                    alert(parent.nodeName);
                    return browAllDom(parent.childNodes[i]);
            }
      }
}

when I debug, it browses the leaf in the tree dom and exits. I think it has to browse all in the for loop.

Where's the problem? And how can I you fix it?

return browAllDom(parent.childNodes[i]); ... means that the loop will run at most one time ... return returns out of enclosing function — Jaromanda X
– Jaromanda X, Commented Sep 27, 2017 at 6:43
An easy way would be to use parent.getElementsByTagName('*'), that returns a flattened object of all elements in parent. — Teemu
– Teemu, Commented Sep 27, 2017 at 6:51

Pritam Banerjee · Accepted Answer · 2017-09-27 06:49:12Z

1

The following code will run only a single time:

for(i = 0; i < getNumber(parent); i++){
    (parent.nodeName);
    return browAllDom(parent.childNodes[i]);
}

This code will run only once since you are returning from the for loop.

Instead you should write the return outside of the for loop.

Have a look at this answer. You will have a better understanding.

answered Sep 27, 2017 at 6:49

Pritam Banerjee

19.1k10 gold badges97 silver badges113 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Program recursion in javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related