<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
答案 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>