Question

I’m trying to get id of the span tag that is M24 by using Javascript function.

  <a HREF="javascript:void(0)"><font color="#000080"><span id=M24>2012-2013</span></font
 color="#000080"></a>

I m using the following code but its not returning any value:

 <SCRIPT LANGUAGE="javascript">
function clickHandler()
{
  var xid=document.getElementID(this);
    alert("Span id is "+xid);

}
</SCRIPT>

Answer 1

rewrite the function like the one below

function clickHandler()
{
  var xid=document.getElementsByTagName("span");
    alert("Span id is "+xid[0].id);

}

To find out multiple span id’s

function clickHandler()
{
  var xid=document.getElementsByTagName("span");
  for(var i=0;i<xid.length;i++){
     alert("Span id is "+xid[i].id);
 }

instead of above functions you can simply do this, rewrite your function like this

function clickHandler(evt)
{
  var e = window.event || evt;
  var spanid = e.target.id;//to know on which span user has clicked.  
}

and add your span’s like this

<span id=M24 onclick="clickHandler(evt);">2012-2013</span>
<span id=M25 onclick="clickHandler(evt);">2012-2013</span>
...so on....