1
00:00:00,900 --> 00:00:09,650
íbamos a ver algunos cuantos ejemplos de cómo hacerle un Traver si se le llama pasar el documento recorrerlo

2
00:00:10,600 --> 00:00:13,990
utilizando algunos métodos como Children y parent.

3
00:00:14,740 --> 00:00:25,840
Además otro llamado Next y vamos a abrir en este caso la consola nuestro diseño tenemos un chip con

4
00:00:25,830 --> 00:00:35,190
un video de navegación y la clase de navegación podemos ponerle algo así como navegación enter y vemos

5
00:00:35,190 --> 00:00:41,610
que nos pone en nuestra navegación y en nuestra navegación no se Veritá.

6
00:00:41,610 --> 00:00:47,470
Vamos a seleccionar este pegarlo y recargar.

7
00:00:47,540 --> 00:00:53,570
Si ponemos esquí navegación vemos que se ve aquí puedo expandir el triángulo y vemos que se ve la navegación

8
00:00:55,610 --> 00:01:03,080
con Chicuelo y puedes listar los elementos hijos de una navegación por ejemplo se expande el triángulo

9
00:01:03,080 --> 00:01:09,370
puedes ver que aquí viene el NAV como hijo así que le puedo poner navegación apuntó.

10
00:01:09,650 --> 00:01:17,330
Children este es un método ocupa el paréntesis de apertura y cierre y le damos Enter.

11
00:01:17,330 --> 00:01:24,450
Vemos que aquí vienen nada hasta que la navegación va a ir por el primer hijo que viene siendo éste

12
00:01:25,260 --> 00:01:30,030
se doy click aquí vamos que el siguiente es o no l puedo puedo agregarle otro Children Children.

13
00:01:30,120 --> 00:01:34,180
Si se puede es que nos va a listar el L

14
00:01:37,090 --> 00:01:42,190
si vemos de nuevo podemos ver que ahí uno se Lehi si tú dices bueno quiero ver eso se le puedes poner

15
00:01:42,190 --> 00:01:53,470
aquí Children también e ir entrando más y más adentro en el DOM de tu sitio web vamos a recargar y vamos

16
00:01:53,470 --> 00:02:07,360
a ponerla aquí por ejemplo este artículo y vamos a ver qué consola ponemos ãrtico el First y damos clic

17
00:02:07,510 --> 00:02:13,780
en el triángulo ponemos sobre el cero y aquí más está seleccionando el primero se está seleccionando

18
00:02:13,780 --> 00:02:14,610
el ártico.

19
00:02:14,980 --> 00:02:21,550
Y si vemos los elementos vemos que el ártico hacia arriba hacia afuera se les conoce como el Parent

20
00:02:22,210 --> 00:02:29,300
timen di y supongamos que queremos ir al menú podemos ponerlo aquí.

21
00:02:29,410 --> 00:02:39,260
ártico el fears punto Valent y esto nos va a abrir el Main y ahí ves bastantes ejemplos de qué puedes

22
00:02:39,260 --> 00:02:40,770
hacer con esto.

23
00:02:41,060 --> 00:02:49,180
Por ejemplo estar en una parte de tu de tu navegador con un lector recorriendo el documento para agregar

24
00:02:49,180 --> 00:02:58,600
alguna clase en algún lugar que es más complicado llegar y por ejemplo hacer aquí una vamos a seleccionar

25
00:02:58,600 --> 00:03:03,370
este primero y luego nos vamos a ir a este último.

26
00:03:03,380 --> 00:03:09,230
En este caso tendremos que ir por ejemplo con ãrtico el First ãrtico el First va a seleccionar el primero

27
00:03:09,790 --> 00:03:17,240
aquí tendríamos que darle drastico first y apparent para que vaya al main y luego una vez teniendo el

28
00:03:17,240 --> 00:03:28,620
main podríamos ir por Children para que nos Liste todos los hijos y aquí podríamos ir por Children en

29
00:03:28,620 --> 00:03:38,120
la posición 2 para que nos regrese el último elemento puedes ver que estaba en el primero me fui al

30
00:03:38,120 --> 00:03:45,620
padre me fui a los hijos los diste todos y me fui hacia el último accediendo como si fuera una Rey.

31
00:03:45,830 --> 00:03:53,750
De esa forma puedes ir navegando por todo tu documentos todo esto es muy útil va a haber algunos escenarios

32
00:03:53,750 --> 00:04:02,700
en los que solamente va a haber esa forma de solucionarlo vamos a ver otra forma digamos que estamos

33
00:04:02,700 --> 00:04:13,770
aquí en este artículo y ponemos aquí selector ãrtico y esto nos regresa a los tres que le pongo first

34
00:04:14,720 --> 00:04:20,350
es el primero que es el primero de los tres puedo ponerlo aquí.

35
00:04:20,370 --> 00:04:27,360
Next Day enter y puedo ponerme en el triángulo y vemos que queda en el selector tengo el primero sin

36
00:04:27,360 --> 00:04:36,270
embargo usar NEX brinca el siguiente elemento algo que no puedes hacer con con CSS y también puedes

37
00:04:36,270 --> 00:04:42,180
ponerle Next Next y de esa forma va a brincar hasta el otro elemento

38
00:04:45,450 --> 00:04:49,750
así que en pocas palabras coñi y tienes control total.

39
00:04:49,760 --> 00:04:53,780
Puedes recorrer todo el documento navegar sobre él.

40
00:04:53,810 --> 00:05:01,160
Mi recomendación es si quieres puedes continuar practicando con Children Parente next e intentar moverte

41
00:05:01,160 --> 00:05:07,380
sobre el documento para familiarizarte un poco más con estas funciones te será de gran ayuda.

42
00:05:09,120 --> 00:05:12,760
Y es algo que no puedes hacer más que con JavaScript y.