title: adding onclick event to javascript dynamically created element
body: <p>I'm dynamically adding labels to my table when user selects combo box items, but also I want these dynamically added labels to be erasable when user clicks on them, here is my javascript function:</p>
  
  <pre><code>    function OnSelectedIndexChange()
  
  {
      if (document.getElementById('cmbDestinationUser').selectedIndex != 0) {
          var spanTag = document.createElement("span");
          spanTag.id = "span1";
          var e = document.getElementById("cmbDestinationUser");
          var strUser = e.options[e.selectedIndex].text;
          spanTag.innerHTML = strUser;
          var TR = document.createElement('tr');
          var TD = document.createElement('td');
          TD.appendChild(spanTag);
          TR.appendChild(TD);
          document.getElementById('tblReceivers').appendChild(TR);
      }
      document.getElementById('cmbDestinationUser').selectedIndex = 0;
  }
  </code></pre>
  
  <p>should I add onclick to spantag? how can I do so? should I create another function for erasing or can I define the remove operation in this function
  thanks</p>