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

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

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

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

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

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

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

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

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

පහත කේතය දී ඇත:

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

input වල අංක, id හා value ලබා ගන්න.