Código de JavaScript - Buscar un elemento superior en el DOM por su tipo

Imágen de perfil
Val: 1.125
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Buscar un elemento superior en el DOM por su tipográfica de visualizaciones


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 9 de Diciembre del 2019 por joel
551 visualizaciones desde el 9 de Diciembre del 2019
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>

Versión 1.0
estrellaestrellaestrellaestrellaestrella(1)

Publicado el 9 de Diciembre del 2019gráfica de visualizaciones de la versión: Versión 1.0
552 visualizaciones desde el 9 de Diciembre del 2019
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
 
<body>
 
    <form name="myForm">
        <div>
            <span>
                <input type="text" id="myInput">
            </span>
        </div>
    </form>
 
</body>
</html>
 
<script>
document.getElementById("myInput").addEventListener("focus", function() {
    const form=getClosest(this, "form");
    console.log(form.name);
});
 
var getClosest = function (elem, selector) {
	for ( ; elem && elem !== document; elem = elem.parentNode ) {
		if ( elem.matches( selector ) ) return elem;
	}
	return null;
};
</script>



Comentarios sobre la versión: Versión 1.0 (1)

Imágen de perfil
9 de Diciembre del 2019
estrellaestrellaestrellaestrellaestrella
¡Funciona perfectamente!
Responder

Comentar la versión: Versión 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5715