Dobijanje podataka DOM elemenata u JavaScriptu
Destrukcija nam omogućava da dobijemo tekst i vrednosti atributa DOM direktno u petlji. Hajde da shvatimo kako ovo radi. Pretpostavimo da imamo sledeće paragrafe:
<p id="id1">text1</p>
<p id="id2">text2</p>
<p id="id3">text3</p>
Dobijmo kolekciju ovih paragrafa u promenljivu:
let elems = document.querySelectorAll('p');
Prođimo kroz elemente petljom, razdvojivši brojeve i same elemente:
for (let [key, elem] of elems.entries()) {
console.log(key, elem);
}
A sada hajde da izvršimo destrukciju
elemenata, dobivši iz njih njihov id i
tekstove:
for (let [key, {id, textContent}] of elems.entries()){
console.log(key, id, textContent);
}
Dat je sledeći kod:
<input id="id1" value="111">
<input id="id2" value="222">
<input id="id3" value="333">
Dobijte brojeve, id i value input polja.
