For hidding or display element inside body tag or for hiding HTML tag, we generally use display method with element id or name.Simply write document.getElementById(elementid).style.display=’none’ for hiding element and document.getElementById(elementid).style.display=” to redisplay that element.we can name of the element in place of getElementById(elementid) document.formname.elementname.style.display=” or ‘none’
use:
style.display
-
<table id="table_id">
-
<tr>
-
<td>Content Of table
-
</td>
-
</tr>
-
<tr>
-
<td>
-
<input type="text" name="name" id="name">
-
</td>
-
</tr>
-
</table>
-
<input type="button" value="hide table" onclick="getElementById(’table_id’).style.display=’none’">
-
<input type="button" value="show table" onclick="getElementById(’table_id’).style.display=”">
-
<input type="button" value="hide only text box" onclick="getElementById(’name’).style.display=’none’">
-
<input type="button" value="show only text box" onclick="getElementById(’name’).style.display=”">
Demo:
| Content Of table:Simply write document.getElementById(elementid).style.display=’none’ for hiding element and document.getElementById(elementid).style.display=” to redisplay that element.we can name of the element in place of getElementById(elementid) document.formname.elementname.style.display=” or ‘none’ |
Post a Comment