Searching the DOM | JavaScript Tutorial in Hindi #36

Q & A

¿Qué métodos se mencionan en el video para buscar elementos en el DOM?

Los métodos mencionados para buscar elementos en el DOM son: document.getElementById(), document.getElementsByClassName(), querySelector() y querySelectorAll().

¿Cómo se puede acceder a un elemento por su ID utilizando JavaScript?

Se puede acceder a un elemento por su ID utilizando el método document.getElementById(). Este método devuelve el elemento que tiene el ID especificado. Por ejemplo, document.getElementById('primerId').

¿Qué hace el método getElementsByClassName()?

El método getElementsByClassName() selecciona todos los elementos que tienen una clase CSS específica. Devuelve una lista de nodos de esos elementos.

¿Cómo se cambia el color de un título en una tarjeta utilizando getElementsByClassName()?

Se puede cambiar el color de un título en una tarjeta seleccionando el elemento mediante getElementsByClassName() y luego aplicando un estilo. Por ejemplo, utilizando ctitle[0].style.color = 'rojo'.

¿Qué es un selector CSS y cómo se utiliza con querySelectorAll()?

Un selector CSS es una cadena que se usa para seleccionar elementos en el DOM según su tipo, clase, ID, etc. Con querySelectorAll(), puedes seleccionar todos los elementos que coinciden con ese selector CSS. Por ejemplo, document.querySelectorAll('.card-title').

¿Cuál es la diferencia entre querySelector() y querySelectorAll()?

querySelector() devuelve solo el primer elemento que coincide con el selector CSS, mientras que querySelectorAll() devuelve todos los elementos que coinciden con el selector.

¿Cómo se selecciona el primer elemento con una clase específica usando querySelector()?

Puedes seleccionar el primer elemento con una clase específica utilizando querySelector() seguido del nombre de la clase, como document.querySelector('.miClase').

¿Qué hace el método getElementsByTagName()?

El método getElementsByTagName() selecciona todos los elementos que tienen un nombre de etiqueta HTML específico. Por ejemplo, document.getElementsByTagName('a') selecciona todos los enlaces en el documento.

¿Es posible cambiar el estilo de un elemento utilizando querySelector()?

Sí, es posible cambiar el estilo de un elemento seleccionado con querySelector(). Por ejemplo, si seleccionas un elemento con querySelector() puedes modificar su estilo con .style.color.

¿Qué sucede si se utiliza un ID duplicado en el HTML?

En el HTML, los IDs deben ser únicos. Si se usa un ID duplicado, no es válido según las especificaciones del DOM. El uso de un ID duplicado puede causar errores o un comportamiento inesperado en la selección de elementos.