Cómo acceder al padre de esto en JavaScript?
Este artículo describirá los enfoques para acceder al padre de "este"En JavaScript.
Cómo acceder al padre de "esto" en JavaScript?
Para acceder al padre de "este"En JavaScript, aplique los siguientes enfoques:
- "sargento" y "nombre del nodo" propiedades.
- "parentnode" y "Lista de clase" propiedades.
Método 1: Acceso al padre de "esto" en JavaScript utilizando las propiedades de ParentElement y NodeName
El "sargento"La propiedad obtiene el elemento principal del elemento especificado y la"nombre del nodoLa propiedad muestra el nombre del nodo. Estas propiedades se pueden utilizar para acceder al nombre del nodo del elemento principal correspondiente al elemento recuperado.
Ejemplo
El ejemplo declarado a continuación explica el concepto declarado:
Nodo principal
Nodo infantil
Haga clic en el botón para ver el elemento del nodo principal
En las líneas de código anteriores:
- Incluir un ""Elemento como nodo principal y asigne el""Elemento cuando era un nodo infantil que tiene el declarado"identificación".
- En el siguiente paso, cree un botón que invoque la función "myFunction ()" utilizando el "al hacer clic" evento.
- En la parte de JavaScript del código, defina una función llamada "myFunction ()".
- En la definición de función, "este"El objeto se refiere al objeto global y apunta al elemento accedido a través del"getElementById ()" método.
- El "sargento"La propiedad obtiene el elemento principal correspondiente al elemento recuperado y el"nombre del nodo"Devuelve el nombre del nodo correspondiente al elemento principal.
- Por último, muestre el nombre del nodo principal a través de un cuadro de diálogo de alerta.
Producción
En la salida, se notifica que se muestra el nombre del nodo del elemento principal.
Método 2: Acceso al padre de "esto" en JavaScript usando Propiedades de ParentNode y Classlist
El "parentnode"La propiedad se utiliza para devolver el nodo principal del elemento y el"Lista de clase"La propiedad devuelve los nombres de clase de un elemento. Estos enfoques se pueden implementar para devolver el nombre de clase del primer padre correspondiente al elemento recuperado.
Ejemplo
Vamos a ver el ejemplo declarado a continuación:
Este es el sitio web de Linuxhint
En el bloque de código anterior:
- Del mismo modo, asigne a los elementos de los padres e hijos que tienen los atributos establecidos.
- En el código JavaScript, el "getElementById ()"El método se utiliza para acceder al elemento infantil"" por esto "identificación" usando "este"Objeto, respectivamente.
- En el siguiente paso, otro "este"El objeto apunta al nodo principal del elemento recuperado y lo accede a través del"parentnode" propiedad.
- Por último, muestre el nombre de primera clase correspondiente al elemento principal a través del "Lista de clase" propiedad.
Producción
En esta salida en particular, se devuelve el nombre de clase del elemento principal.
Conclusión
Para acceder al padre de "este"En JavaScript, aplique el combinado"sargento" y "nombre del nodo"Propiedades o el"parentnode" y "Lista de clase" propiedades. Los enfoques anteriores se pueden implementar para devolver el nombre del nodo del elemento principal correspondiente a "este" objeto. El último enfoque se puede utilizar para acceder al nombre de primera clase del elemento principal en consecuencia. Este blog discutió los enfoques para acceder a los padres de "este"En JavaScript.