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
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you show me the HTML structure of the shopping list?
Can you provide example code for each selection method?
Can you explain the difference between querySelector and querySelectorAll?
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
¡Gracias por tus comentarios!