<style>
#hide_show{
display:none
}
</style>
<script language="javascript">
function hidediv(div) {
 
  if (document.getElementById)
     document.poppedLayer = eval('document.getElementById(div)');
  else if (document.all)
     document.poppedLayer = eval('document.all[div]');
  else
     document.poppedLayer = eval('document.layers[div]');
  document.poppedLayer.style.display = "none";
}
 
function showdiv(div) {
  if (document.getElementById)
     document.poppedLayer = eval('document.getElementById(div)');
  else if (document.all)
     document.poppedLayer = eval('document.all[div]');
  else
     document.poppedLayer = eval('document.layers[div]');
  document.poppedLayer.style.display = "block";
}
</script>
<a href="#" onclick="showdiv('hide_show')">show</a> 
<a href="#" onclick="hidediv('hide_show')">show</a>
<div id="hide_show">
<h1>Here I am!</h1>
</div>

<script type=”text/javascript”>
function padding(){
document.getElementById(’myTable’).cellPadding=”20″
}
</script>
 
<table id=”myTable” border=”1″>
<tr>
<td>first</td>
<td>second</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
<form>
<input type=”button” onclick=”padding()” value=”Change Cellpadding to 20″>

<script type=”text/javascript”>
document.getElementById("z").innerHTML = "bla bnla";
</script> 
 
<diz id=”z”> Text goes here</div>