Upataji wa Data ya Vipengele vya DOM kwa JavaScript
Destructuring inaturuhusu kupata maandishi na thamani za sifa za DOM moja kwa moja katika kitanzi. Hebu tufahamu jinsi hii inavyofanya kazi. Hebu tuwe na aya zifuatazo:
<p id="id1">text1</p>
<p id="id2">text2</p>
<p id="id3">text3</p>
Wacha tupate mkusanyiko wa hizi aya kwenye kutofautisha:
let elems = document.querySelectorAll('p');
Wacha tuzungushe vipengele kwa kitanzi, tukitenganisha nambari na vipengele wenyewe:
for (let [key, elem] of elems.entries()) {
console.log(key, elem);
}
Sasa hebu tufanye destructuring ya
vipengele, tukipata kutoka kwao id na
maandishi:
for (let [key, {id, textContent}] of elems.entries()){
console.log(key, id, textContent);
}
Imetolewa kifuatacho cha kificho:
<input id="id1" value="111">
<input id="id2" value="222">
<input id="id3" value="333">
Pata nambari, id na value ya viingilio.
