cambiar propiedad css-javascript

basickdagger · 9 Septiembre 2013, 20:20 PM

bueno mi duda es.. como puedo acceder a la hoja de estilos y editar una propiedad por ejemplo tengo...


<a style="cursor:hand" onClick="mostrar();">hey</a>

<script>
function mostrar(){
document.getElementById('divoculto').style.display=' ';
}

</script>

<div  id="divoculto" style="display:none"></div>

pero lo q quiero hacer es tener la propiedad de "divoculto" en un css.. así..

Código [Seleccionar]


#divoculto{display:none}

y acceder a el con javascript.... como puedo hacer esto? editar la propiedad accediendo al archivo css...??.. espero haberme dado a entender..

Shell Root · 9 Septiembre 2013, 21:20 PM

La cambias en tiempo de ejecución? con jQuery,

Código (javascript) [Seleccionar]

$("#objElemento").css("propiedad", "valor");
ó

Código (javascript) [Seleccionar]

$("#objElemento").css({"propiedad1":"valor1", "propieadad2":"valor2"});

.css() | jQuery API Documentation

basickdagger · 9 Septiembre 2013, 22:32 PM

sin utilizar jquery es posible?(una duda)

Shell Root · 9 Septiembre 2013, 22:41 PM

jQuery = javascript

basickdagger · 9 Septiembre 2013, 23:16 PM

Cita de: Alex Jurado en 9 Septiembre 2013, 22:41 PM
jQuery = javascript

...? $:-\$

mi pregunta era obvia....
refiriendome si es posible utilizar un simple script en vez de cargar todo el jquery..

1mpuls0 · 9 Septiembre 2013, 23:38 PM

Código (html4strict) [Seleccionar]


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
 function mostrar(){
  document.getElementById('id_div').style.display='block';
 }
 function ocultar(){
  document.getElementById('id_div').style.display='none';
 }
</script>
<title>Modificar propiedad css con javascript</title>
</head>

<body>
<a style="cursor:hand" onClick="mostrar();">mostrar</a>
<p><a style="cursor:hand" onClick="ocultar();">ocultar</a>
<div id="id_div">div a ocultar o mostrar</div>
</body>
</html>

basickdagger · 9 Septiembre 2013, 23:44 PM

hola gracias por la respuesta... despues q checar vi un error q tenia al enlazar mi css y pude solucionar mi problema xD gracias...

1mpuls0 · 10 Septiembre 2013, 00:21 AM

xD
de nada, perdón por no comentar nada más, es que me mi jefa me estaba llamando

que bien que lo solucionaste.

Saludos.