使用css的display控制div显示和隐藏怎么写

Question

object中没有style方法（我在W3Cschool没看到）
为什么能百度到document.getElementById(id).style.display=""
我自己这样用为什么会报错 
错误是：Cannot read property 'style' of null
求正确代码  jquery写的就不用了

Answer 1

<div id="test">123</div>
<button id="btn">显示/隐藏</button>
<script type="text/javascript">
function $(o){return document.getElementById(o)}
$('btn').onclick = function(){
$('test').style.display = $('test').style.display == 'none' ? 'block' : 'none';
}
</script>

Answer 2

<div id="show">123</div>
<div id="hide">123</div>
<script type="text/javascript">
       $("#show").css('display','block');
       $("#hide").css('display','none');
    }
</script>

Answer 3

<div id="show">123</div>
<div id="hide">123</div>
<script type="text/javascript">
       $("#show").css('display','block');
       $("#hide").css('display','none');
    }
</script>

Answer 4

document.getElementById(id).style.display="block"; //显示
document.getElementById(id).style.display="none";  //隐藏

Answer 5

因为你document.getElementById(id)所获得的肯定不是一个正常的对象。这种事情，得把JS基础学明白了。刚一开始，不要自己乱写东西，啥啥不懂能写什么。多看多记多想，理解了，再学其它的，全理解明白了，再写才行。

Answer 6

document.getElementById(id).style.display=""这样怎么可能报错？？不会是没获取到对象吧？？

Answer 7

document.getElementById(id).style.display=""1.id是变量，没定义。2.id是值，document.getElementById("id").style.display="";

Answer 8

楼主 先看下自己得到了标签对象没 没得到的话 style啥的无从谈起~~

Answer 9

document.getElementById(id).style.display="这样写，里面的id是个字符变量，你在前面有定义吗？？"