Mostrar u ocultar objetos con javascript

[Mikel Gómez]

La función más sencilla posible para mostrar u ocultar objetos con javascript:

<script type="text/javascript">
function mostrar(objNom) {
var obj = document.getElementById(objNom) ;
var dp = '' ; // Propiedad display
if(obj) {
if (obj.style.display=='') dp='none' ;
obj.style.display = dp ;
}
return false;
}
</script>

*** Y un ejemplo de uso de esta función:
http://ikax.net/gen/web-display.html

<h1>Mostrar / Ocultar objetos</h1>

<script type="text/javascript">
function mostrar(objNom) {
var obj = document.getElementById(objNom) ;
var dp = '' ; // Propiedad display
if(obj) {
if (obj.style.display=='') dp='none' ;
obj.style.display = dp ;
}
return false;
}
</script>

<p>Ejemplo básico de como se pueden mostrar u ocultar objetos con javascript</p>

<form action="" method="get">
<p>
<input type="button" value="Línea 1" onclick="mostrar('l1')" />
<input type="button" value="Línea 2" onclick="mostrar('l2')" />
<input type="button" value="Línea 3" onclick="mostrar('l3')" />
</p>
</form>

<table style="border: 1px solid black;">
<tr id="l1">
<td>Celda 1.1</td>
<td>Celda 1.2</td>
</tr>
<tr id="l2">
<td>Celda 2.1</td>
<td>Celda 2.2</td>
</tr>
<tr id="l3">
<td>Celda 3.1</td>
<td>Celda 3.2</td>
</tr>
</table>