javascript part 4

 Show/Hide HTML elements in Javascript

Hide HTML element:

• Create a div with id 'mydiv' with text 'Hide Me!' .

            <div id='mydiv'>Hide Me!</div>

•  Create Button with value set as 'Enable Visibility'.

            <input type='button' name='btn' value='Enable Visibility'/>

• Create Javascript function Hide().

            function Hide()

                      {

                         document.getElementById('mydiv').style.visibility='hidden';

                       }

• Call Javascript function Hide() when 'Enable Visibility' button is clicked.

             <input type='button' name='btn' value='Enable Visibility' onclick='Hide()'/>

Note:
For hiding an element visibility is set to 'hidden';
For showing an element, it is set to 'visible' as follows:(document.getElementById('mydiv').style.visibility='visible';).