JavaScript más cercano

JavaScript más cercano

Cuando se trata de encontrar relaciones entre elementos, tradicionalmente pensamos en un enfoque de arriba hacia abajo. Podemos agradecer a CSS y querySelector/querySelectorAll para esta relación en los selectores. ¿Qué pasa si queremos encontrar un elemento? relativo basado en el selector?

Mirar en alto el árbol de elementos y encontrar un padre por selector, puede usar HTMLElementEs closest método:

// Our sample element is an "a" tag that matches ul > li > a
const link = document.querySelector('li a');
const list = a.closest('ul');

closest busca en la cadena antecesora para encontrar una coincidencia parent elemento: lo contrario de los selectores CSS tradicionales. puede proporcionar closest ¡un selector simple o complejo para buscar!

Supervisión del rendimiento del sitio web
Supervisión del rendimiento del sitio web
Supervisión del rendimiento del sitio web
Supervisión del rendimiento del sitio web
  • Menú giratorio 3D animado con CSS
  • buscar API

    buscar API

    Uno de los secretos peor guardados sobre AJAX en la web es que la API subyacente, XMLHttpRequest, no fue hecho realmente para el uso que hacemos de él. Hicimos bien en crear API elegantes en torno a XHR, pero sabemos que podemos hacerlo mejor. Nuestro esfuerzo por...

  • Crea tu propio tema Dijit CSS con LESS CSS

    Crea tu propio tema Dijit CSS con LESS CSS

    El conjunto de herramientas de Dojo parece estar mejorando cada vez más. Una de las nuevas incorporaciones en Dojo 1.6 fue el uso de LESS CSS para crear temas Dijit. El cambio a usar LESS es genial, ya que te permite crear tu propio tema Dijit...

  • Casillas de iPhone con MooTools

    Casillas de iPhone con MooTools

    Una de las dulces mejoras de la interfaz de usuario proporcionada por el iPhone de Apple es su funcionalidad de control deslizante de casilla de verificación. Thomas Reynolds lanzó recientemente un complemento jQuery que le permite hacer que sus casillas de verificación se vean como controles deslizantes de iPhone. A continuación se explica cómo implementar esta función con el amado...

Si quieres conocer otros artículos parecidos a JavaScript más cercano puedes visitar la categoría Tutoriales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir

Esta página web utiliza cookies para analizar de forma anónima y estadística el uso que haces de la web, mejorar los contenidos y tu experiencia de navegación. Para más información accede a la Política de Cookies . Ver mas