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

Pos: 1

Val: 3.506

Ha mantenido su posición en JavaScript (en relación al último mes)

Buscar un elemento superior en el DOM por su tipo

JavaScript

(1)

Publicado el 9 de Diciembre del 2019 por Joel (150 códigos)

1.163 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
(1)

Publicado el 9 de Diciembre del 2019

gráfica de visualizaciones de la versión: Versión 1.0

1.164 visualizaciones desde el 9 de Diciembre del 2019

<!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)

Kevin

9 de Diciembre del 2019

¡Funciona perfectamente!

Responder

Comentar la versión: Versión 1.0

http://lwp-l.com/s5715

Poner el cursor al final de un input o textarea con JavaScript

Controlar la carga de una imagen

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

Versión 1.0(1)

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

Comentar la versión: Versión 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Versión 1.0
(1)