Setting Styles with JavaScript

Here is an example of a function that I use. I wrote this one a before I wrote the setStyle function. Understanding this function will give you a basis for writing similar functions.

Try the demo.

<script type="text/javascript">
/* setVisibility(objId, sVisibility)
* Parameters: 
* objId - the id of an element (case sensitive)
* sVisibility - "visible" | "inherit" | "none" (case insensitive)
*
* USAGE: 
* Show div1:
* onclick='setVisibility("div1","visible")' 
*
* Inherit the visibility of div2's parentNode:
* onblur='setVisibility("div2", "inherit")' 
*
* Hide span3:
* onblur='setVisibility("span3", "hidden")'
*/         


   function setVisibility(objId, sVisibility) {

        var obj = document.getElementById(objId);

         obj.style.visibility = sVisibility;
      }

}
</script>