Obtention des données des éléments DOM en JavaScript
La déstructuration nous permet d'obtenir le texte et les valeurs des attributs des éléments DOM directement dans la boucle. Voyons comment cela fonctionne. Supposons que nous ayons les paragraphes suivants :
<p id="id1">text1</p>
<p id="id2">text2</p>
<p id="id3">text3</p>
Récupérons la collection de ces paragraphes dans une variable :
let elems = document.querySelectorAll('p');
Parcourons les éléments avec une boucle, en séparant les numéros et les éléments eux-mêmes :
for (let [key, elem] of elems.entries()) {
console.log(key, elem);
}
Maintenant, déstructurons les
éléments pour obtenir leur id et
leurs textes :
for (let [key, {id, textContent}] of elems.entries()){
console.log(key, id, textContent);
}
Voici le code suivant :
<input id="id1" value="111">
<input id="id2" value="222">
<input id="id3" value="333">
Obtenez les numéros, les id et les value des inputs.
