我的Javascript仅适用于FireFox,为什么?

时间:2012-10-17 03:04:10

标签: javascript internet-explorer firefox google-chrome

<script type="text/javascript">
function toggleMe(a,b){
  var div=document.getElementById(a);
  var button=document.getElementById(b);
  if(!div)return true;
    if(div.style.display=="block"){
      div.style.display="none"
      button.value="Expand"
    }
  else{
    div.style.display="block"
    button.value="Shrink"
  }
  return true;
}
</script>
<div id="para1" class="toggleMe">
    <p>"Text Blob"</p>
</div>
<input id="para1button" onclick="return toggleMe('para1','para1button')" type="button" value="Expand" />

以上是我的脚本,它只适用于Firefox。我用谷歌搜索自己很傻,但我无法想象为什么它只能在FF工作。

任何人都有任何提示吗?

如果你想看到确切的实现,它在这里: http://www.techonline.co.nz/modules/navigator/navto.php?unique_ID=16

1 个答案:

答案 0 :(得分:1)

没有e,它适用于大多数浏览器。

<!doctype html>
<html lang="en">
<head>
<meta charset= "utf-8">
<title>toggle display</title>
<script type="text/javascript">
function toggleMe(a,b){
    var div= document.getElementById(a);
    var button= document.getElementById(b);
    if(div.style.display== "block"){
        div.style.display= "none"
        button.value= "Expand"
    }
    else{
        div.style.display= "block"
        button.value= "Shrink"
    }
    return true;
}
</script>
<div id="para1" style="display:none">
    <p>"Text Blob"</p>
</div>
<input id="para1button" onclick="toggleMe('para1','para1button')" type="button" value="Expand">

</body>
</html>