Vanilla JS

A continuación el código vanilla javascript equivalente a las propiedades $(window).width() y $(window).height() de jQuery para obtener el ancho y alto de la ventana en pixeles. var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], window_width […]

Leer más...

El código javascript document.body.scrollTop esta obsoleto por varios navegadores (chrome y ff), si te retorna siempre valor «0», tienes que utilizar la síntaxis correcta. // Mal document.body.scrollTop // Bién document.documentElement.scrollTop

Leer más...

Vanilla JS: click

Método para ejecutar el evento «click» en javascript, usando vanilla js, sin frameworks… A continuación 2 ejemplos de ejecutar el evento click para un selector por id y para múltiples selectores por clase: // Ej. id="test" document.getElementById('test').addEventListener("click",function(){ console.log('Has hecho click'); […]

Leer más...

Código Vanilla JS (JavaScript) equivalente a los métodos addClass(), removeClass() y toggleClass() de jQuery para añadir/quitar determinada/s clases css a un elemento. elemento + classList + método (add, remove, toggle) A continuación un par de ejemplos de añadir/quitar la clase […]

Leer más...

Código Vanilla JS (JavaScript) equivalente al método hasClass de jQuery para comprobar si un elemento tiene una determinada clase css. classList.contains() A continuación un par de ejemplos de uso con diferentes selectores: // <body class="leon"> if (document.body.classList.contains('leon')){ // Sí } […]

Leer más...