Javascript DOM

by Asmita Jadhav

HTML

<div class="outer">
    <div class="inner">
        Hello World
    </div>
</div>

<div class="outer">
    <div class="inner">
        <p>Hello World</p>
    </div>
</div>

JavaScript

function walk(e,d){
    var s = '\n' + Array(d*4+1).join("_") + e.prop('tagName');
    if(e.children().length > 0){
        e.children().each(function(i,j){
             s += walk($(this), d + 1);
        });
    }
    
    return s;
}

$('body').append('<span>Test</span>');

alert(walk($('body'),0))



alert($('body').html());