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:

html<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:

javascriptlet elems = document.querySelectorAll('p');

Kom ons deurloop die elemente met 'n lus, en skei die nommers en die elemente self:

javascriptfor (let [key, elem] of elems.entries()) {
  console.log(key, elem);
}

En nou, laat ons die elemente destructureer, om hul id en teks te verkry:

javascriptfor (let [key, {id, textContent}] of elems.entries()){
  console.log(key, id, textContent);
}

html<input id="id1" value="111">
<input id="id2" value="222">
<input id="id3" value="333">