为什么下面的javascript函数不能被调用

<html><head><scripttype="text/javascritp">functionshowandhide(id){varoTrow=document.g... <html>
<head>
<script type="text/javascritp">
function showandhide(id){
var oTrow = document.getElementById(id);
if(oTrow.style.display){
oTrow.stytle.display="";
return;
}
oTrow.style.display="none";
}
</script>
</head>
<body>
<table>
<tbody>
<tr ><td><a href="javascript:void(0)" onclick="showandhide('dept1')">部门1</a></td></tr>
<tr id="dept1" style="display:">
<td>
<table>
<tbody>
<tr><td>人员1</td></tr>
<tr><td>人员1</td></tr>
</tbody>
</table>
</td>
</tr>

</tbody>
</table>
</body>
</html>
不好用啊？我的目的是点击部门1会出现员工，再次点击会隐藏
现在的问题是点击根本没有反应

帮帮我怎么办展开

 我来答

1个回答

#热议# 在购买新能源车时，要注意哪些？

歪瑞顾K
推荐于2016-02-14 · TA获得超过2905个赞

知道大有可为答主

回答量：2731

采纳率：33%

帮助的人：2217万

我也去答题访问个人页

关注

展开全部

<a href="javascript:void(0)" onclick="showandhide('dept1')">部门1</a> 

通常不要两个都是js语句 
前一个 href="#" 比较好..虽然前头的语句是空的,但还是很容易混淆 

<tr id="dept1" style="display:">这句话错了 本来就是显示的 
你JS语句控制显示 肯定没效果 
应该是<tr id="dept1" style="display:none;">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<script language="javascript"> 
function showandhide(n)
{ 
var oTrow = document.getElementById(n); 

if(oTrow.style.display=='none')
{oTrow.style.display='';}
else
{oTrow.style.display='none';}
} 
</script> 
</head> 
<body> 

<table> 
<tr >
<td>
<a href="#" onclick="showandhide('dept1');">部门1</a>
</td>
</tr> 

<tr id="dept1" style=""> 
<td> 

<table> 
<tr><td>人员1</td></tr> 
<tr><td>人员1</td></tr> 
</table> 

</td> 
</tr>
</table> 

</body> 
</html>

这个可以了...


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

为什么下面的javascript函数不能被调用

其他类似问题

为你推荐：