Que tiene de diferente en utilizar “document.getElement…” y “parent.getElement…” espeificamente entre document y parent

Adrián Castillo

Pregunta

student•

Carlos Eduardo Gomez García

teacher•

No hay una diferencia como tal, recuerda que

document

es un objeto global de JavaScript que representa al documento, es decir, cualquier nodo que quieras buscar lo va a hacer desde la raíz del documento, y para ese caso se usa

document

tal cual.

En cambio,

parent

no significa nada, esa no es una variable que exista en JavaScript, sin embargo, se usa para representar que ahí puede ir cualquier elemento padre, incluyendo

document

ya que este también es un elemento padre. Por ejemplo, podrías usar

document.getElement...

para buscar desde el nodo raíz, o suponiendo que tienes una variable llamada

div

que contenga un elemento div, podrías usar

div.getElement...

En resumen

parent.getElement...

es solo una forma de representar que ahí puede ir cualquier nodo padre desde el cuál se empezará a buscar :D

Jonathan 🦑 Alvarez

teacher•

Gracias @RetaxMaster! Muy buena explicación :D

Andrés Felipe García Rendón

student•

Podria decirse que parent es una mala practica?

Carlos Eduardo Gomez García

teacher•

What? No jajaja,

parent

es solo una representación para indicar que ahí puede ir cualquier elemento o nodo HTML que sea padre de algún otro elemento, y que empezará a buscar a partir de ese elemento padre, de hecho, incluso puedes tener una variable llamada

parent

tal cual:

HTML

<body>

	<div class="myClass">Yo no soy tomado en cuenta :(</div>

	<div id="myDiv">
		
		<div class="myClass">Yo sí soy tomado en cuenta 😄</div>

		<div class="myClass">Yo sí soy tomado en cuenta, pero no soy el primer elemento con dicha clase 🤔</div>

	</div>

</body>

JavaScript

const parent = document.querySelector("#myDiv");
parent.querySelector(".myClass");

Eso te devolverá el primer elemento que contenga la clase

myClass

, pero que esté dentro del div

#myDiv

porque solamente hicimos el

querySelector

desde ese div, es decir, te devolverá el que dice "Yo sí soy tomado en cuenta 😄"

Efraín Hernández García

student•

Es casi lo mismo, document es el "parent" de todos los elementos. por eso se usa document.getElement.....

Fabricio González Guasque

student•

Entonces cuando coloca en la diapositiva parent.getElementByClassName y parent.getElementByTagName, está mal escrito? Le faltan las s a Elements, porque ahí se generó mi duda, pensé que tal vez el plural se debía a que utilizó el document, y cuando es otro el parent se puede colocar en singular.

Carlos Eduardo Gomez García

teacher•

OMG Tienes razón @fgonzalezguasque están mla escritos, deberían tener "s" el de Class y el de Tag, ya lo corrijo, en unos días ya debería estar corregido, gracias por tu observación 💚

Que tiene de diferente en utilizar “document.getElement…” y “parent.getElement…” espeificamente entre document y parent

Curso de Manipulación del DOM

Curso de Manipulación del DOM