javascript - 在html中打开同一页面中的子链接

Question

在 html 中，我有以下标签：

  <a href="javascript:void(0)"><span id=M26>2011-2012</span></a>
  <div id=c26 STYLE="display:none">

  <a href="javascript:void(0)"><span id=M27>2012-2013</span></a>
  <div id=c26 STYLE="display:none">   

   

在单击 2011-2012 或 2012-2013 时，我想设置 div 标签的显示属性。我为此使用以下 Javascript 代码，并在 body 标记中调用 Javascript 函数。输出显示样式，显示不是对象或属性。

<script language="javascript">
   function clickHnadler()
   {
   var xid= document.getElementsByTagName("span");
   var xsp= xid[0].id;   
  alert("Span id is "+xsp);
  if(xsp.charAt(0)=="M")
  {
   var oC = document.all("C"& xsp.substring(1,2));
   if(oC.STYLE.display == "none")
   {
    oC.Style.Display = "";
   }
   else{
     oC.Style.Display = "none";
     }
    } 
  }
 </script>  

Answer 1

Based on what i understand from your question, I come up with this.

    <script type="text/javascript" src="jquery1.8.js"></script>
    <a href="javascript:void(0)" onclick="$(this).next('div').toggle()"><span id=M26>2011-2012</span></a>
    <div id=c26 STYLE="display:none">
    2011-2012 details</div>
    <br />
    <a href="javascript:void(0)" onclick="$(this).next('div').toggle()"><span id=M27>2012-2013</span></a>
    <div id=c26 STYLE="display:none">   
        2012-2013 details
    </div>

Answer 2

你可以使用 clickHandler 有以下方式，function clickHandler(e) { window.document.links[0].handleEvent(e); }

您需要将事件空间绑定到要处理点击的元素。有关更多信息，请参阅以下链接，

http://docs.oracle.com/cd/E19957-01/816-6409-10/evnt.htm#1009606

Answer 3

使用jQuery：

您可以在函数中传递元素或 ID：例如：

<a href="#" onclick="clickhandler(this)"><span id=M26>2011-2012</span></a>

function clickHnadler(element)
{
  var id = $(element > span).attr(id);
  id[0] = 'c'; //not the nicest way, maybe use a replace or something like that
  $(id).show(); //or $(id).css('display','list');
}