DOM-elementtien tietojen hakeminen JavaScriptissä
Destrukturointi antaa meille mahdollisuuden saada DOM-elementtien tekstin ja attribuuttien arvot suoraan silmukassa. Selvitetään, kuinka tämä toimii. Oletetaan, että meillä on seuraavat kappaleet:
<p id="id1">text1</p>
<p id="id2">text2</p>
<p id="id3">text3</p>
Haetaan näiden kappaleiden kokoelma muuttujaan:
let elems = document.querySelectorAll('p');
Käydään elementit läpi silmukalla, erotellen numerot ja itse elementit:
for (let [key, elem] of elems.entries()) {
console.log(key, elem);
}
Suoritetaan nyt elementtien destrukturointi
saaden niistä niiden id ja
tekstit:
for (let [key, {id, textContent}] of elems.entries()){
console.log(key, id, textContent);
}
Annettu seuraava koodi:
<input id="id1" value="111">
<input id="id2" value="222">
<input id="id3" value="333">
Hae input-kenttien numerot, id ja value.
