Home/ Questions/Q 8907825
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T03:01:01+00:00

I want to get the span id in JavaScript following code always returning M26

  • 0

I want to get the span id in JavaScript following code always returning M26 but I want different values on different click M26 or M27:

function clickHandler() {
    var xid= document.getElementsByTagName("span");
    var xsp= xid[0].id;   
    alert(xsp);     
} 
}

<html>
    <BODY LANGUAGE = "javascript" onClick = "clickHandler();">
        <a href="javascript:void(0)"><u><b><span id=M26>2011-  
        2012</span></b></u></a>   
        <div id=c26 STYLE="display:none">
            <a href="javascript:void(0)"><u><b><span id=M27>2012-  
            2013</span></b></u></a>   
        <div id=c27 STYLE="display:none"> 
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem you are facing is that var xid= document.getElementsByTagName("span"); gets all spans on the page regardless of where you click.

    To solve this problem you should just pass a reference to the clicked object within the function. For example:

    <span id=M26 onclick="clickHandler(this);" >2011-2012</span>

    Then in your javascript code:

    function clickHandler(object) {
    alert(object.id);
}

    However it is a good idea to bind the events within javascript rather than inline in the html tags.

    This article describes the different ways in which you can bind events to elements.

    • 0