duda sobre ocultar divs

[pcarvajal]

Tengo una duda con el siguiente código:

function DivNroAlternativas(estado){
if (estado =="1"){
document.getElementById('nro_opciones').style.disp lay="block";
}
else{
document.getElementById('nro_opciones').style.disp lay = "none";
}
}

<table border="1">
<tr>
<td>
<select name="opciones" onchange="DivNroAlternativas(this.value)">
<option value=1 >Si</option>
<option value=0 >No</option>
</select>
</td>

<td valign="middle">
<div id="nro_opciones" style="display:none; position: relative;">
Ingrese número de alternativas <input type="text" size="2" maxlength="2" name="nro_opciones" value="0">
</div>
</td>
</tr>
</table>

Porqué si el div lo coloco fuera del tag <td valign="middle"> no se oculta, pero si la coloco dentro si lo hace?? vale decir:

NO SE OCULTA:

<div id="nro_opciones" style="display:none; position: relative;">
<td valign="middle">
Ingrese número de alternativas <input type="text" size="2" maxlength="2" name="nro_opciones" value="0">
</td>
</div>

SI SE OCULTA:
<td valign="middle">
<div id="nro_opciones" style="display:none; position: relative;"> Ingrese número de alternativas <input type="text" size="2" maxlength="2" name="nro_opciones" value="0">
</div>
</td>

[GersonM]

Hola, miralo de esta forma, al colocar el div fuera de la "celda" estarias tratando de ocultar no solo del Div sino tambien la celda que a su vez forma parte de una fila y esta a una tabla y estas dos ultimas estan por encima del div que intentas ocultar.

En pocas palabras esa definición es incorrecta.

En el segundo caso se oculta porque esta bien estrucutrado todo y no crea conflictos

[pcarvajal]

Ahh perfecto!
Muchas gracias por la aclaración!

[derkenuke]

Iniciado por GersonM

En pocas palabras esa definición es incorrecta.

En el segundo caso se oculta porque esta bien estrucutrado todo y no crea conflictos

En otras palabras: La carencia ya no es de javascript sino de (x)HTML puro y duro. Un documento como el que dices que no funciona está horrorosamente formado. Tal y como dice la especificación el elemento TABLE sólo puede contener (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+), dentro de algunos de estos elementos encontraríamos elementos TR y, a su vez, dentro de ellos, elementos TD (o TH) que sí podrían contener elementos %flow; (elementos de bloque como DIVS o elementos en línea como EM, A... etc).



Para obtener un buen resultado en javascript hemos de tener un documento sólido formado en HTML correcto, si no nada de ello funcionará correctamente.