Sfida: Interrogare e Selezionare Elementi DOM
Compito
Hai una lista della spesa nel tuo HTML e devi selezionare elementi specifici utilizzando diversi metodi di interrogazione del DOM.
- Seleziona per ID: Seleziona l'elemento
<h1>con l'IDtitle; - Seleziona per Classe: Seleziona tutti gli elementi con la classe
item; - Seleziona per Tag: Seleziona tutti gli elementi
<li>; - Seleziona il Primo Elemento Corrispondente: Seleziona il primo elemento
<li>con la classeitem; - Seleziona Tutti gli Elementi Corrispondenti: Seleziona tutti gli elementi
<li>con la classeitem.
index.html
index.css
index.js
- Utilizza
getElementByIdper selezionare l'elemento<h1>con l'IDtitle; - Utilizza
getElementsByClassNameper selezionare tutti gli elementi con la classeitem; - Utilizza
getElementsByTagNameper selezionare tutti gli elementi<li>; - Utilizza
querySelectorper selezionare il primo elemento<li>con la classeitem; - Utilizza
querySelectorAllper selezionare tutti gli elementi<li>con la classeitem.
index.html
index.css
index.js
Tutto è chiaro?
Grazie per i tuoi commenti!
Sezione 2. Capitolo 3
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Awesome!
Completion rate improved to 2.22
Sfida: Interrogare e Selezionare Elementi DOM
Scorri per mostrare il menu
Compito
Hai una lista della spesa nel tuo HTML e devi selezionare elementi specifici utilizzando diversi metodi di interrogazione del DOM.
- Seleziona per ID: Seleziona l'elemento
<h1>con l'IDtitle; - Seleziona per Classe: Seleziona tutti gli elementi con la classe
item; - Seleziona per Tag: Seleziona tutti gli elementi
<li>; - Seleziona il Primo Elemento Corrispondente: Seleziona il primo elemento
<li>con la classeitem; - Seleziona Tutti gli Elementi Corrispondenti: Seleziona tutti gli elementi
<li>con la classeitem.
index.html
index.css
index.js
- Utilizza
getElementByIdper selezionare l'elemento<h1>con l'IDtitle; - Utilizza
getElementsByClassNameper selezionare tutti gli elementi con la classeitem; - Utilizza
getElementsByTagNameper selezionare tutti gli elementi<li>; - Utilizza
querySelectorper selezionare il primo elemento<li>con la classeitem; - Utilizza
querySelectorAllper selezionare tutti gli elementi<li>con la classeitem.
index.html
index.css
index.js
Tutto è chiaro?
Grazie per i tuoi commenti!
Sezione 2. Capitolo 3