this script dismantle an object recursively

recursiveObjectView.js

<script>
  function clickme(){

  var display = document.getElementById('display');
  var sample = {a:1 , b:2 , c:3 , d:{q:1,w:2,e:3,f:{z:'hmm', x:'oh', c:'exe'}}};
  var i;
  var allElement = 'window\r\n';

  allElement += inspect(window,1);
  display.innerText = allElement;
  }

  function inspect(x, depth){
    var i, n;
    var elements = '';

    if(depth > 3)
      return '';

    for(i in x){

      for(n=0;n<depth;n++)
      elements += '　';


      if(x[i] == '')
      elements += '└' + i + ': blank\r\n';
      else
      elements += '└' + i + ': ' + x[i] + '\r\n';


      if(typeof x[i] === 'object')
      elements += inspect(x[i], depth+1);
    }
    return elements;
  }
</script>