gistfile1.txt

// just got # 2 so far
// can do number 3 by removing first two handlers but apparently thats not what you want


<div id="the_div">
  <ul id="the_list">
    <li id="the_item">Click me!</li>
  </ul>
</div>

<p id="log"></p>

<script type="text/javascript" charset="utf-8">
  function log(string){
    document.getElementById('log').innerHTML += (string + '<br/>');
  }

document.getElementById('the_div').addEventListener(
    'click', function(){ log('the_div!') }, false);

document.getElementById('the_list').addEventListener(
    'click', function(){ log('the_list!')}, false);

document.getElementById('the_item').addEventListener(
    'click', function(){ log('the_item!') }, false);

    
</script>