利用innerHTML实现隐显效果-两种实现方法

导读：
　　最近对JavaScript非常感兴趣，可能因为是它和JAVA差不多吧。原来看到一些网页上的隐显效果，心理面真是佩服，心想自己能够做就爽了。现在对innerHTML有一点的了解，做这个东西就相对简单了，下面就是我自己弄来玩的一个例子，我相信你看了过后，如果你原来也没有做过，那我保证你说“原来这么简单！！！”：
　　这里要补充说明一点，就是不同的浏览器对Javascript的支持不同，我这里用了FireFox和微软的浏览器比较了一下，有些能够在微软的浏览器实现效果下，在FireFox下不一能够实现。
　　
　　
　　
　　<script>
　　//这种方式是通过显示条件判定来决定innerHTML的显示内容
　　//这里显示的内容是原来不存在的。这个方法只支持微软的浏览器
　　function tClick(id)
　　{
　　var str=';
　　if(id==1)
　　{
　　str=' <--
　　str+='
';
　　str+='1、你好';
　　str+='
';
　　str+='2、欢迎光临';
　　}
　　else
　　{
　　str=' -->';
　　}
　　window.testClick.innerHTML=str;
　　}
　　//这种方式通过条件确定，是否把已经存在的东西显示出来。FireFox可以支持该方法，为了程序的移植性，最好选用这一种方式。
　　function hello(obj,idStr)
　　{
　　var d=document.getElementById(idStr);
　　if(d.style.display=='none')
　　{
　　d.style.display='block';
　　obj.innerHTML='回去';
　　}
　　else
　　{
　　d.style.display='none';
　　obj.innerHTML='出来';
　　}
　　}
　　</script>
　　
　　
　　










http://blog.youkuaiyun.com/fenglibing/archive/2007/07/21/1701197.aspx 　　 　　

-->

　　 　　 　　

出来 　　 　　你好

　　 　　 　　 本文转自