Mostrar los tags: DOM

Este código muestra como mostrar una imagen diferente de manera aleatoria cada vez que se carga la pagina.

Este código muestra como obtener de forma recursiva todos los elementos del DOM desde un elemento dado.

De este código:

Nos devolverá un array con:

Este simple código muestra como desde un elemento dado, busca otro elemento superior en el DOM por su tipo.

En este ejemplo, desde un <input>, se van recorriendo los elementos hacia arriba hasta dar con el <form>

Este simple código muestra como rellenar un vector con números aleatorios sin repetirse.

Simple código que muestra como cambiar una imagen de nuestra pagina cada 5 segundos por otra imagen de forma aleatoria o secuencial

Hay tres versiones:

Este código muestra como definir un evento sobre uno o varios elementos los cuales puede que todavia no existan, ya que puede ser que tengan que ser cargados por ajax.

Para ello, se utiliza una función on(), en la que se le define el evento, el elemento y la función a ejecutar, y se encarga de revisar el DOM en cada uno de los eventos que hemos configurado, para ver si coincide con alguno de los elementos que hemos definido.
Al hacerlo de esta manera, el evento se ejecutara también para nuevos elementos creados posteriormente a la definición del evento.

Es similar al evento definido en jquery: $(document).on('click', '.btn', handleClick);

Esta función devuelve una cantidad especifica de números aleatorios sin repetir entre un máximo y un mínimo indicados.

Este código muestra el uso del evento mouseover al mover un elemento por la pantalla cuando el ratón intenta ponerse encima del mismo.

Simple ejemplo del libro para mostrar como llenar un array de números aleatorios sin repetir ninguno.

Los números aleatorios van entre el 1 y el 100, por lo que no crear un array superior a los valores aleatorios, ya que no terminaría nunca!!!

Este código muestra como obtener 6 números aleatorios sin utilizar un array o vector. para luego ordenar dichas variables con método burbuja.