javascript - Javascript を使用してタグ内のスパンタグ ID を取得する

Question

Javascript 関数を使用して、M24 である span タグの ID を取得しようとしています。

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

次のコードを使用していますが、値が返されません。

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

}
</SCRIPT>

score 1 · Accepted Answer

以下のように関数を書き直してください

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

}

複数のスパン ID を見つけるには

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

上記の関数の代わりに、これを簡単に実行できます。関数を次のように書き換えます

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

スパンを次のように追加します

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

score 1 · Accepted Answer

ではgetElementById()ないgetElementID()

現在、この表現は正しくありません。タグIDがわかっている場合は、を使用する必要がありますgetElementById()。

しかし、あなたの場合、使用しますgetElementsByTagName()

javascript - Javascript を使用してタグ内のスパン タグ ID を取得する