Hola a todos, soy relativamente nuevo en CSS y tengo una duda en como hacer esto.
Tengo una lista con elementos y quiero que según un valor que tenga(1000 o 5000 o 10000 o ....) se oculten unos elementos de la lista y otros no (haciendolo con JavaScript).
La lista, versión reducida, es así:
<div id="leyenda"><h1>LEYENDA</h1>
<form name="frmLeyenda">
<ul>
<li> <img src="../../imagenes/ley_poligonos.jpg" width="15" height="15"> POLÍGONOS RÚSTICOS
<li><input type="checkbox" id="1" name="TEXTOS_POLIGONOS" checked onclick="alert(this.name);" /> <img src="../../imagenes/ley_txt_poligono.jpg" width="15" height="15"> Poligono
<li><input type="checkbox" id="8" name="TEXTOS_PARAJES" checked onclick="alert(this.name);" /> <img src="../../imagenes/ley_txt_parajes.jpg" width="15" height="15"> Parajes
</ul>
</form>
</div>
Yo lo tenía hecho con tablas y JS al modo:
<|--para el HTML-->
<tr id="poligonosr" style="display: block">
y
// para Javascript
document.getElementById("text_poligonosr").style.d isplay = "none";