Question

html中 我写了个function 但在一个<a onclick>死活没反应

<script>
function hide(){
var f1=document.getElementById("aa1");
if(f1.style.display == "block"){
f1.style.display="none";
}
}
</script>

<div>
<form action="login" method="post">
<table width="800px" border="0" cellspacing="0" cellpadding= "0" align="center">
<tr>
<td width="475px"><img src="images/login/loginAdv.jpg" height="267px" /></td>
<td id="aaa"width="325px" height="267px" style="background:url(images/login/loginDl.jpg)">
<table id="a1" cellspacing="0" cellpadding= "0">
<tr>
<td width="325px" height="50px" ></td>
</tr>
<tr>
<td>
<div id="aa1"><img src="images/login/loginError1.jpg" /></div><!--我要隐藏这张图片。。。。。。。。。。。。。。。。。。。。。。。。。。。。-->
</td>
</tr>
<div>
<tr>
<td width="325px" height="63px">
账户名：<input name="uname" style="width:180px;height:23px"><br>
</tr>
<tr>
<td width="325px" height="23px">
密 码：<input type="password" name="passwd" style="width:180px;height:23px"></td>
</tr>
<tr>
<td width="325px" height="82px" style="padding-left:38px"><input id="button" type="submit" value="" > <a onclick="hide()" href="#">忘记密码?</a></td><!--onclick在这里。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。-->
</tr>
<tr>
<td width="325px" height="49px" style="padding-left:160px"><a href="#">免费注册</a></td>
</tr>
</div>
</table>
</td>
</tr>
</table>
</form>
</div>

哪位大神可以联系我 我把代码发给你 很短的。。正的很短

Answer 1

aa1元素没有设置style属性
故f1.style.display将出现错误
解决方法2种
1.直接设置f1.style.display='none'
2.将id为aa1的div元素加上style属性
<div id='aa1' style='display:block'></div>

Answer 2

不是没有执行，而且你在if判断时a1.style.display是否为block时，其实a1.style.display是为空字符串或null的。所以你不能这样写，你应该：
if(f1.style.display != "none"){
f1.style.display = "block";

}

Answer 3

哥们，这个函数有问题
function hide()

if(f1.style.display = "block") //你写的是 if(f1.style.display == "block")