Desafío: Consultar y Seleccionar Elementos del DOM
Tarea
Tienes una lista de compras en tu HTML y necesitas seleccionar elementos específicos utilizando varios métodos de consulta del DOM.
- Seleccionar por ID: Seleccionar el elemento
<h1>con el IDtitle; - Seleccionar por clase: Seleccionar todos los elementos con la clase
item; - Seleccionar por etiqueta: Seleccionar todos los elementos
<li>; - Seleccionar el primer elemento coincidente: Seleccionar el primer elemento
<li>con la claseitem; - Seleccionar todos los elementos coincidentes: Seleccionar todos los elementos
<li>con la claseitem.
index.html
index.css
index.js
- Utilizar
getElementByIdpara seleccionar el elemento<h1>con el IDtitle; - Utilizar
getElementsByClassNamepara seleccionar todos los elementos con la claseitem; - Utilizar
getElementsByTagNamepara seleccionar todos los elementos<li>; - Utilizar
querySelectorpara seleccionar el primer elemento<li>con la claseitem; - Utilizar
querySelectorAllpara seleccionar todos los elementos<li>con la claseitem.
index.html
index.css
index.js
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 2. Capítulo 3
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 2.22
Desafío: Consultar y Seleccionar Elementos del DOM
Desliza para mostrar el menú
Tarea
Tienes una lista de compras en tu HTML y necesitas seleccionar elementos específicos utilizando varios métodos de consulta del DOM.
- Seleccionar por ID: Seleccionar el elemento
<h1>con el IDtitle; - Seleccionar por clase: Seleccionar todos los elementos con la clase
item; - Seleccionar por etiqueta: Seleccionar todos los elementos
<li>; - Seleccionar el primer elemento coincidente: Seleccionar el primer elemento
<li>con la claseitem; - Seleccionar todos los elementos coincidentes: Seleccionar todos los elementos
<li>con la claseitem.
index.html
index.css
index.js
- Utilizar
getElementByIdpara seleccionar el elemento<h1>con el IDtitle; - Utilizar
getElementsByClassNamepara seleccionar todos los elementos con la claseitem; - Utilizar
getElementsByTagNamepara seleccionar todos los elementos<li>; - Utilizar
querySelectorpara seleccionar el primer elemento<li>con la claseitem; - Utilizar
querySelectorAllpara seleccionar todos los elementos<li>con la claseitem.
index.html
index.css
index.js
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 2. Capítulo 3