3-5 不明白

    var s = "";
    function travel(space,node) {
        if(node.tagName){ // 
            s += space + node.tagName+ "<br/>"; //这个的node.tagName 具体是个什么东西呢 ？
        }
        var len = node.childNodes.length;
        for(var i = 0; i<len; i++){
            travel(space +"|-",node.childNodes[i]); //这个回调函数没整明白，一脸懵逼。。。还有第一个传参还可以加上字符串？
        }
    }
    travel("",document);  
document.write(s);

这个逻辑看起来能懂 ，但是自己写的时候一脸懵逼 用tagName？ 还有这个回调函数，怎么说呢，就是不太理解为啥这么操作。 还有其他的方法吗