traversing a tree of JavaScript Objects

So just from running JSLint in your jsfiddle page I found a few things:

1. An object has a number of keys and values, but how would you differentiate between different values if they had the same keys? In other words, you cannot have multiple keys with the same name, so your nested object with multiple "element" keys will be invalid.

2. I don't think you can declare element inside the for loop, try declaring it ahead of time:

   var element; for (element in configs) {

3. If you're actually expecting this code to do something in this jsfiddle, you're going to have to put it in an onLoad function. If you're just using jsfiddle to show us your code, then I'm hoping you're actually calling it wherever you're using it.

I numerated your keys and fixed #2 here. Or see it below here:

var config = {
    "tree": {
        "element": {
            "name": "pd",
            "children": {
                "element1": {
                    "name": "pd2",
                    "children": {}
                },
                "element2": {
                    "name": "pd3",
                    "children": {
                        "element1": {
                            "name": "pd6",
                            "children": {}
                        },
                        "element2": {
                            "name": "pd5",
                            "children": {
                                "element": {
                                    "name": "pd7",
                                    "children": {
                                        "element": {
                                            "name": "pd8",
                                            "children": {}
                                        }
                                    }
                                }
                            }
                        }
                    }
                },
                "element3": {
                    "name": "pd4",
                    "children": {}
                }
            },
            "element": {
                "name": "pd4",
                "children": {}
            }
        }
    }
};

function parseConfig(configs) {
    var element;
    for (element in configs) {
        if (typeof(configs[element]) == "object") {
            console.log(configs[element]);
            parseConfig(configs[element]);
        }
    }
}
parseConfig(config);​

An alternative way to having multiple "element" keys, would be to have an "elements" array which contains a list of elements.