[SOLUCIONADO] Acceso a DOM

kinhack · #1 (**permalink**) 02/08/2013, 10:01

Hola, estoy aprendiendo JS y tengo una duda para acceder a los nodos hay que usar document.getElement...... eso esta claro.

pero en mi caso, accedo a las propiedades si hacer esto, alguien me puede decir si es estandar en JS o por que pasa esto?

Código:




Código CSS:
Ver original<style type="text/css">
.oculto { display: none; }
.visible { display: inline; }
</style>
 
  
Código Javascript:
Ver original<script type="text/javascript">
function muestra() {
    adicional.className="visible";
 
    enlace.className="oculto";
}
</script>
 
 Código HTML:
 <html>
<body>


<p id="texto">Lorem ipsum  
<span id="adicional" class="oculto">dolor sit amet</span>
</p>

<a id="enlace" href="http://l.html#" onclick="muestra(); return false;">Seguir leyendo</a>


</body>
</html>

Gracias!!

patilanz · #2 (**permalink**) 02/08/2013, 10:06

No entiendo muy bien tu pregunta. La funciona muestra cambia las clases (supongo que adicional y enlace son variables con document.getElement...) de 2 objetos.

Cual es tu pregunta?

kinhack · #3 (**permalink**) 02/08/2013, 10:22

Quiero saber por que puede acceder a las clases sin necesidad de usar getElement

patilanz · #4 (**permalink**) 02/08/2013, 11:34

Creo porque son objetos de windows pero nunca me he vijado. No te lo puedo decir con seguridad. A ver si alguien del foro lo sepa. Yo siempre utilizo metodos o funciones.

andinog · #5 (**permalink**) 02/08/2013, 12:48

Ese codigo solo funcionaria en caso de que mas arriba, las variables adicional y enlace hayan sido declaradas y asignadas de la siguiente manera

Código Javascript:

Ver original<script type="text/javascript">
var adicional = document.getElementById('adicional');
var enlace= document.getElementById('enlace');
function muestra() {
    adicional.className="visible";
 
    enlace.className="oculto";
}
</script>

Caso contrario, no deberia funcionar.

Saludos

zerokilled · #6 (**permalink**) 02/08/2013, 14:42

buenas,
lo que está sucediendo es una pequeña desgracia, al menos en mi opinión así lo es. primero comenzo por algo que se inventó iexplorer. básicamente todos los elementos con una ID están disponibles en una variable con el mismo valor de la ID. esta variable contiene una referencia hacia el elemento. ¿qué tiene de malo? primero que en ocasiones sin darte cuenta el código comienza a fallar. si eres lo suficiente novato, cuesta entender qué es lo que está pasando. especialmente en iexplorer tiene el inconveniente que si intentas asignar un valor a esa variable, te genera error. para poder utilizar la variable tienes que explicitamente iniciar la variable con var.

luego vinieron otros navegadores y comenzaron adoptar la misma idea de iexplorer, al menos en la parte de la declaración automática de variables para elementos con ID. respecto a la utilización de la variable en estos navegadores, desconozco como se comporta. al menos en chrome lo puedes hacer sin que genere un error.

kinhack · #7 (**permalink**) 02/08/2013, 14:44

Gracias!!

Muy clara tu explicación.