JavaScript හි DOM අංග වල දත්ත ලබා ගැනීම

Destructuring අපට DOM අංගවල පෙළ හා ගුණාංගවල අගයන් සෘජුවම loop එකක් තුළින් ලබා ගැනීමට ඉඩ සලසයි. එය ක්‍රියා කරන්නේ කෙසේදැයි අපි බලමු. අපට පහත ඡේද තිබිය හැකිය:

html<p id="id1">text1</p>
<p id="id2">text2</p>
<p id="id3">text3</p>

මෙම ඡේදවල එකතුව variable එකකට ලබා ගනිමු:

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

අංක හා අංග වෙන් කරමින්, අංග loop එකකින් හරහා ගමන් කරමු:

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

දැන් අපි අංග destructuring කරමු, ඒවායේ id හා පෙළ ලබා ගනිමු:

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">