Question

为什么用JS控制div隐藏无效

我是从后台action那传值过来，然后判断
js：
var i = "${attr.i}";
//alert(i);
if(i==1){
document.getElementById('h').style.display = "none";
}
else{
document.getElementById('h').style.display = "block";
}
div：
<div id=h>
<a onclick="show(); return false" href="javascript:">添加</a>
</div>
js那的i已取到，1或0无误。但div始终显示状态

Answer 1

这段代码是顺序执行，首先执行了js代码，当div代码还没有加载的时候document.getElementById('h')对象是不存在，所以下面的对象隐藏就不成立了，把js代码放在div下面就可以了，也可以去直接调用js函数。

Answer 2

不清楚你的问题，如果你 //alert(i);弹出的没有问题，那我就不知道了，因为我已经测试过了。
<script language="javascript">
function show()
{
i=1
if(i==1){
document.getElementById('h').style.display = "none";
}
else{
document.getElementById('h').style.display = "block";
}
}
</script>
<div id=h>
<a onclick="show(); return false" href="javascript:">添加</a>
</div>

Answer 3

是你的i 始终为0吧

追问

//alert(i);隐藏的这段代码可以清晰显示i的值，谢谢

追答

function isshow(i)
{

if(i==1){
document.getElementById('h').style.display="none";
}
else{
document.getElementById('h').style.display="block";
}
}

添加

显示 隐藏
代码是对的呢

追问

显示 隐藏
你这是按一下然后切换显示与隐藏吧？我是在进入这个页面的时候就直接判断i的值，为1或者0。 这样子莫非不能搞？

追答