DOM visibility property
by Ramya[ Edit ] 2008-12-09 17:34:34
DOM visibility property:
Visibility property is set inorder to visible or hide the image/element from display.
JavaScript Syntax:
object.style.visibility="visibility"; [visibility = "hidden/visible"]
Consider if you want to show the table in onClick(),
then your code will be like,
Javascript Code:
<script type="text/javascript">
function showTable()
{
document.getElementById("tab1").style.visibility="visible";
}
</script>
HTML Code:
<table id=tab1 border=1 style="visibility: hidden;">
<tr><td>Name</td><td>Address</td></tr>
<tr><td>HIOX</td><td>CBE</td></tr>
</table>
<input type="button" onClick="showTable()" value="Show Table">
Likewise you can display/hide images,buttons,etc., using dom visibility property....
