DOM elementu datu iegūšana JavaScript
Destrukturizācija ļauj mums iegūt tekstu un DOM atribūtu vērtības tieši ciklā. Izpratīsim, kā tas strādā. Pieņemsim, ka mums ir šādi rindkopas:
<p id="id1">text1</p>
<p id="id2">text2</p>
<p id="id3">text3</p>
Iegūsim šo rindkopu kolekciju mainīgajā:
let elems = document.querySelectorAll('p');
Iziesim cauri elementiem ar ciklu, atdalot numurus un pašus elementus:
for (let [key, elem] of elems.entries()) {
console.log(key, elem);
}
Tagad veiksim destrukturizāciju
elementiem, iegūstot no tiem to id un
tekstus:
for (let [key, {id, textContent}] of elems.entries()){
console.log(key, id, textContent);
}
Dots šāds kods:
<input id="id1" value="111">
<input id="id2" value="222">
<input id="id3" value="333">
Iegūstiet ievadlauku numurus, id un value.
