JavaScript different Hidden and Display obj.

JavaScript different Hidden and Display obj.


JavaScript


<script type="text/javascript">
    function hidden ()
        {
            document.getElementById('TextBox1').style.visibility='hidden';
        }

    function nohidden ()
        {
            document.getElementById('TextBox1').style.visibility='';
        }
 
    function hidden1 ()
        {
            document.getElementById('TextBox1').style.display = 'none';
        }

    function nohidden1 ()
        {
            document.getElementById('TextBox1').style.display='';
        }
</script>


HTML


  <div>
        <input id="TextBox1" type="text" />
        <input id="Button1" onclick="hidden()" type="button" value="visibility='hidden"/>
        <input id="Button2" onclick="nohidden()" type="button" value="visibility=''" />
        <input id="Button3" onclick="hidden1()" type="button" value="display = 'none'" />
        <input id="Button4" onclick="nohidden1()" type="button" value="display=''" />
    </div>