1 
<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

4

1 に答える 1

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>
于 2012-10-17T03:17:23.447 に答える