JavaScript控制HTML元素显示和隐藏

做问卷调查系统的时候需要依据用户的选项实时的显示或隐藏一些问题，这就需要用到Javascript来控制HTML元素的显示和隐藏。代码实现起来比较简单，简单的介绍一下如何实现的。

1 、编写 js 函数

<script type="text/javascript">
    function display(id){

        var traget=document.getElementById(id);
         if(traget.style.display=="none"){
                 traget.style.display="";
         }else{
                 traget.style.display="none";
       }
    }
</script>

2.、 要显示 / 隐藏的 html 元素加上 id 属性

<table>

     <tr id="menu" >   

        <td> 控制这个 tr 的显示 / 隐藏 </td>

    </tr>

</table>

3 、添加按钮，链接等触发 js 函数

<input type="button" onclick="display( 'menu' )"    value=" 显示 / 隐藏 "/>

<a href="#"   onclick="display( 'menu' )"    > 显示 / 隐藏 </a>

 

 

参考资料：http://www.cnblogs.com/GT_Andy/archive/2010/01/13/1921896.html