title: innerHTML of clicked element
body: <p>How could I get the innerHTML of a clicked element on a page of a random website, using a favelet or a script injector? 
  By example, clicking right above the "Ask Question" of this page would return something starting with: <code>&lt;div class="nav mainnavs " style=""&gt;
                      &lt;ul style=""&gt;
                              &lt;li style=""&gt;</code>.</p>
  
  <p>I tried editing a favelet from slayeroffice.com whose initial purpose was removing children of the selected element, but it doesn't seems to work.</p>
  
  <pre><code>javascript:
  var b = new Array();
  var c= 1;
  var d;
  document.onkeydown = ck;
  el = document.getElementsByTagName('*');
  for (i = 0; i &lt; el.length; i++)
      {
          if (el[i].tagName.search(/(HTML|BODY)/i) == -1) 
          {
              if (el[i].title) el[i].oldTitle = el[i].title;
              el[i].title = el[i].innerHTML;
              d=String(el[i].innerHTML);
              el[i].onclick = function(e)
              {
                  t = this;
                  if (window.event) e = window.event;
                  if ((t == e.target) || (window.event)) alert(d);
                  if (window.opera) e.stopPropagation();
                  return false;
              };
              el[i].onmouseover = function() 
              {
                  if (!c) return;
                  c = 0;
                  t = this;
                  b[t] = t.style.backgroundColor;
                  t.style.background = '#DADADA';
              };
              void(
              el[i].onmouseout = function()
              {
                  t = this;
                  t.style.backgroundColor = b[t];
                  c = 1;
              });
          }
  
      }
  function ck(e) 
  {
      k = window.event ? window.event.keyCode : e.keyCode;
      if (k == 27) 
      {
          for (i = 0; i &lt; el.length; i++) {
              if (el[i].tagName.search(/(HTML|BODY)/i) == -1) 
              {
                  el[i].oldTitle ? el[i].title = el[i].oldTitle : el[i].removeAttribute('title');
                  el[i].onclick = null;
                  el[i].onmouseover = null;
                  el[i].onmouseout = null;
                  el[i].style.backgroundColor = b[t];
              }
          }
      }
  
  }
  </code></pre>
  
  <p>Is there any solution?</p>