js style.display.block问题！
点击php的话旁边显示一个表格打开网页默认不显示点击的话显示再点击不显示，，怎么做呢。。我这代码错哪了。<divid="php100"onclick="javascrip...
点击php的话 旁边显示一个表格 打开网页默认不显示点击的话显示 再点击不显示，，怎么做呢。。我这代码错哪了 。
<div id="php100" onclick="javascript:if(php.style.display=='none'){php.style.display='block';}else if(php.style.display=='block'){php.style.display='none';}" >php</div>
表格的id是php 展开
<div id="php100" onclick="javascript:if(php.style.display=='none'){php.style.display='block';}else if(php.style.display=='block'){php.style.display='none';}" >php</div>
表格的id是php 展开
5个回答
展开全部
如果id为php的表格的display默认值不是block和none，你的代码就失效了，另外直接使用php作为对象，某些浏览器会不兼容，试试以下代码：
<script language="javascript">
function ShowOrHide(){
var objid=document.getElementById("php");
if(objid.style.display=="none"){
objid.style.display="block";
}else{
objid.style.display="none";
}
}
</script>
<div id="php100" onclick="ShowOrHide();" >php</div>
<script language="javascript">
function ShowOrHide(){
var objid=document.getElementById("php");
if(objid.style.display=="none"){
objid.style.display="block";
}else{
objid.style.display="none";
}
}
</script>
<div id="php100" onclick="ShowOrHide();" >php</div>
追问
忽忽。差不多。，，但是我想最先不显示啊。。。
追答
表格的id是php，在这个表格的HTML代码中加样式(display:none)来控制，比如：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js显示隐藏层</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid,curDivId,objN)
{
var target=document.getElementById(targetid);
var curDiv=document.getElementById(curDivId);
var aa=document.getElementById(objN)
if (target.style.display=="block")
{
target.style.display="none";
curDiv.style.display="block";
aa.innerText="显示";
}
else
{
target.style.display="block";
curDiv.style.display="none";
aa.innerText='隐藏';
}
}
-->
</script>
<style type="text/css">
<!--
#div1{
background-color:#CCCCCC;
height:100px;
width:700px;
display:none;
}
#div2{
background-color:#CCCCCC;
height:100px;
width:700px;
display:block;
}
-->
</style>
</head>
<body>
<a href="#" id="aa" onClick="toggle('div1','div2','aa')">显示</a>
<div id="div1">第一个层</div><br>
<div id="div2">第二个层</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js显示隐藏层</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid,curDivId,objN)
{
var target=document.getElementById(targetid);
var curDiv=document.getElementById(curDivId);
var aa=document.getElementById(objN)
if (target.style.display=="block")
{
target.style.display="none";
curDiv.style.display="block";
aa.innerText="显示";
}
else
{
target.style.display="block";
curDiv.style.display="none";
aa.innerText='隐藏';
}
}
-->
</script>
<style type="text/css">
<!--
#div1{
background-color:#CCCCCC;
height:100px;
width:700px;
display:none;
}
#div2{
background-color:#CCCCCC;
height:100px;
width:700px;
display:block;
}
-->
</style>
</head>
<body>
<a href="#" id="aa" onClick="toggle('div1','div2','aa')">显示</a>
<div id="div1">第一个层</div><br>
<div id="div2">第二个层</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你要先给你的id为php的表格的style设定为block啊，它的默认值不是block的。
或者你改成
<div id="php100" onclick="javascript:if(php.style.display!='none'){php.style.display='none';}else{php.style.display='block';}" >php</div>
或者你改成
<div id="php100" onclick="javascript:if(php.style.display!='none'){php.style.display='none';}else{php.style.display='block';}" >php</div>
追问
哦。。。效果和我想的差不多，，默认不显示怎么做啊。。默认隐藏。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id="php" onclick="javascript:if(php.style.display=='none'){php.style.display='block';}else if(php.style.display=='block'){php.style.display='none';}" >php</div>
id错误
id错误
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你在点击没任何反应?
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
