title: How to find row and col number of a cell in table
body: <p>Not using jQuery, what is the most efficient way of getting the Row and Col (X, Y) of a onClick even within a table?</p>
  
  <p>I would think that assigning a click listener to just the table, and let it bubble to the top would work well, but really it just gives me the <a href="https://developer.mozilla.org/en/DOM/HTMLTableElement" rel="nofollow noreferrer">HTMLTableElement</a>. What I want to get from it is the Col number, and Row number from this one listener. Is that possible?</p>
  
  <pre><code>window.onload = function () {
   document.getElementsByTagName('table')[0].addEventListener('click', function() {
    alert(this.tagName);
   }, false);
  }
  </code></pre>