Desafio: Consultar e Selecionar Elementos do DOM
Tarefa
Você possui uma lista de compras em seu HTML e precisa selecionar elementos específicos utilizando vários métodos de consulta do DOM.
- Selecionar por ID: Selecionar o elemento
<h1>com o IDtitle; - Selecionar por Classe: Selecionar todos os elementos com a classe
item; - Selecionar por Tag: Selecionar todos os elementos
<li>; - Selecionar o Primeiro Elemento Correspondente: Selecionar o primeiro elemento
<li>com a classeitem; - Selecionar Todos os Elementos Correspondentes: Selecionar todos os elementos
<li>com a classeitem.
index.html
index.css
index.js
- Utilizar
getElementByIdpara selecionar o elemento<h1>com o IDtitle; - Utilizar
getElementsByClassNamepara selecionar todos os elementos com a classeitem; - Utilizar
getElementsByTagNamepara selecionar todos os elementos<li>; - Utilizar
querySelectorpara selecionar o primeiro elemento<li>com a classeitem; - Utilizar
querySelectorAllpara selecionar todos os elementos<li>com a classeitem.
index.html
index.css
index.js
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 2. Capítulo 3
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Awesome!
Completion rate improved to 2.22
Desafio: Consultar e Selecionar Elementos do DOM
Deslize para mostrar o menu
Tarefa
Você possui uma lista de compras em seu HTML e precisa selecionar elementos específicos utilizando vários métodos de consulta do DOM.
- Selecionar por ID: Selecionar o elemento
<h1>com o IDtitle; - Selecionar por Classe: Selecionar todos os elementos com a classe
item; - Selecionar por Tag: Selecionar todos os elementos
<li>; - Selecionar o Primeiro Elemento Correspondente: Selecionar o primeiro elemento
<li>com a classeitem; - Selecionar Todos os Elementos Correspondentes: Selecionar todos os elementos
<li>com a classeitem.
index.html
index.css
index.js
- Utilizar
getElementByIdpara selecionar o elemento<h1>com o IDtitle; - Utilizar
getElementsByClassNamepara selecionar todos os elementos com a classeitem; - Utilizar
getElementsByTagNamepara selecionar todos os elementos<li>; - Utilizar
querySelectorpara selecionar o primeiro elemento<li>com a classeitem; - Utilizar
querySelectorAllpara selecionar todos os elementos<li>com a classeitem.
index.html
index.css
index.js
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 2. Capítulo 3