javascript 显示隐含

<head>
<script language="javascript">
var innn=0;
if(innn==0)
{
var myobj;
myobj=document.getElementById("test1");
myobj.style.display="none";
}
else
{
var myobj;
myobj=document.getElementById("test1");
myobj.style.display="block";
}function test()
{
var myobj;
myobj=document.getElementById("test1");
myobj.style.display="none";
}
</script>
</head>
<div id="test1" style="background-color:#FF0000; height:50px; width:100px; display:block">测试 测试 测试</div>
<div id="test2" style="background-color:#0000FF; height:50px; width:100px;" onClick="test()">测试</div>
/*--------------------------------------------------------------------------------------------------*/
上面是程序的代码
我javascript里面的innn本是一边变量
当这个变量是0的时候id为test1的div隐含
当这个变量不为0的时候id为test1的div显示函数functiontest（）为测试
当单击id为test2的div时候 test1隐含，这个效果可用但是 判断变量 显示隐含一直没有效果 请问这是为是为什么？？
用alert("");测试过了 可以判断出结果，但是显示隐含没有效果

解决方案 »

  1.   

    代码直接写在script里只执行一次，你需要的是有事件触发如：将以下代码放入a函数
    function a()
    {
    if(innn==0)
    {
    var myobj;
    myobj=document.getElementById("test1");
    myobj.style.display="none";
    }
    else
    {
    var myobj;
    myobj=document.getElementById("test1");
    myobj.style.display="block";
    }
    }
    然后改变innn的值，并调用a函数即可。
      

  2.   

    哦 不是这个意思。。我已经知道是怎么回事了
    document.getElementById("id")应该写在div标签的后面就能获取到了
    不过还是很感谢楼上
      

  3.   

    你这个初始化就开始执行js，这时候dom都还没加载进来，肯定会报错