DOM-elemente se data verkry in JavaScript
Destrukturerering laat ons toe om die teks en kenmerkwaardes van DOM regstreeks in die lus te verkry. Kom ons verduidelik hoe dit werk. Gestel ons het die volgende paragrawe:
<p id="id1">text1</p>
<p id="id2">text2</p>
<p id="id3">text3</p>
Kom ons kry die versameling van hierdie paragrawe in 'n veranderlike:
let elems = document.querySelectorAll('p');
Kom ons deurloop die elemente met 'n lus, en skei die nommers en die elemente self:
for (let [key, elem] of elems.entries()) {
console.log(key, elem);
}
En nou, laat ons die elemente destructureer,
om hul id en
teks te verkry:
for (let [key, {id, textContent}] of elems.entries()){
console.log(key, id, textContent);
}
Die volgende kode word gegee:
<input id="id1" value="111">
<input id="id2" value="222">
<input id="id3" value="333">
Verkry die nommers, id en value van die invoervelde.
