cambiar propiedad css-javascript

Iniciado por basickdagger, 9 Septiembre 2013, 20:20 PM

0 Miembros y 1 Visitante están viendo este tema.

basickdagger

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í..

#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

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
Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

basickdagger

sin utilizar jquery es posible?(una duda)

Shell Root

Por eso no duermo, por si tras mi ventana hay un cuervo. Cuelgo de hilos sueltos sabiendo que hay veneno en el aire.

basickdagger

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

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>
abc

basickdagger

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

#7
xD
de nada, perdón por no comentar nada más, es que me mi jefa me estaba llamando  :silbar:
que bien que lo solucionaste.

Saludos.
abc