Propiedad ParentNode en JavaScript

Propiedad ParentNode en JavaScript

El "parentnodeLa propiedad ofrece el nodo principal del elemento especificado o un nodo y es una propiedad de solo lectura.

Sintaxis

En la sintaxis dada:

• "elemento"Corresponde al elemento cuyo nodo principal debe ser obtenido.

Ejemplo 1: Encuentre el nodo principal de los elementos
Este ejemplo llevará a obtener el nodo principal del encabezado incluido y una imagen dentro del "div" elemento.

Sigamos el ejemplo declarado a continuación:

Este es el sitio web de Linuxhint

En el fragmento de código anterior, realice los siguientes pasos:

• Especifique el div indicado con el especificado "identificación".
• En los siguientes pasos, contenga el "título" y un "imagen"Tener el especificado"identificación" dentro de "div" elemento.

Pasemos a la parte JavaScript del código:

>

En el fragmento de código anterior:

• Acceda al encabezado e imagen incluidos por su "identificación" utilizando el "documento.getElementById ()" método.
• Finalmente, aplique el "parentnode"Propiedad sobre el encabezado y la imagen contenidos para mostrar su nodo principal.

Producción

En la salida anterior, se puede observar que el nodo principal del encabezado y la imagen se registran.

Ejemplo 2: Encuentre el elemento principal de la opción seleccionada
Este ejemplo recuperará el elemento principal de todas las opciones contenidas al hacer clic en el botón.

Sigamos el ejemplo estado a continuación paso a paso:

Seleccione uno de los siguientes idiomas:

Pitón
Java
Javascript



Haga clic para obtener el padre

>/h3>

En las líneas de código anteriores:

• Especifica el "clase" del "seleccionar" elemento.
• En el siguiente paso, incluya las opciones establecidas dentro del elemento en el paso anterior.
• Después de eso, cree un "botón"Con un adjunto"al hacer clic"Redirección de eventos a la función getParent ().
• Además, especifique el encabezado declarado con un "identificación"Para contener el mensaje con el elemento principal correspondiente en el modelo de objeto de documento (DOM).

Continuemos a la parte de JavaScript del código:

• Declarar una función llamada "GetParent ()".
• En su definición, acceda al "seleccionar"Elemento usando el"documento.QuerySelector ()" método.
• En el siguiente paso, aplique el "SelectedIndexPropiedad para devolver el índice de la opción seleccionada en una lista desplegable.
• Después de eso, acceda al encabezado asignado para mostrar el elemento principal utilizando el "documento.getElementById ()" método.
• Por último, aplique el "innerhtml"Propiedad combinada con el"parentnode.nombre del nodo"Para obtener el nombre del elemento principal.

En la parte más, estilo los elementos establecidos y ajuste sus dimensiones:

Producción

En la salida anterior, se puede observar que se recupera el elemento principal de cada una de las opciones seleccionadas.

Conclusión

El "parentnodeLa propiedad devuelve el nodo principal del elemento especificado o el elemento principal correspondiente en JavaScript. El nodo principal del elemento se puede obtener aplicando el "parentnode"Propiedad directamente. El elemento principal se puede recuperar aplicando el "parentnode.nombre del nodo"Propiedad sobre la opción seleccionada. Este tutorial explicó el uso de la propiedad ParentNode en JavaScript.