Question

以下代码适用于IE但不适用于Chrome。我想通过java脚本在HTML中打开同一页面中的链接

<SCRIPT LANGUAGE="javascript">
function clickHandler()
{
    var xid= document.getElementsByTagName("span");
    var xsp= xid[0].id;   

    if(xsp.charAt(0)=="M")    {
        var oC=document.getElementById("C"+xsp.substr(1));
        if(oC.style.display=="none")
            oC.style.display="";
        else
            oC.style.display="none";
    } 
}
</SCRIPT>

html代码如下

   <html>
       <BODY 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>

            <div id=c27 STYLE="display:none"> 
            </div>
        </body>
    </html>

Answer 1

在函数内部使用upperCase C，但ID以小写c

开头

var oC=document.getElementById("C"+xsp.substr(1));

必须是

var oC=document.getElementById("c"+xsp.substr(1));

请求修改（您必须从body-element中删除onclick）

<script>
document.onclick=function(e){

  var _this=(window.event)//reference to the clicked element
              ? event.srcElement//IE
              : e.target;//others

  if(_this.id.match(/^M(\d+)$/)){//extract the number
    try{
      var oC=document.getElementById("c"+RegExp.$1);//target-element
          oC.style.display=(oC.style.display=='none')//set the display
                            ?''
                            :'none'
    }catch(e){}
  }
}
</script>

在IE中运行时，脚本无法在Google Chrome中运行

1 个答案: