Hämta data från DOM-element i JavaScript
Destructuring tillåter oss att hämta text och attributvärden från DOM direkt i loopen. Låt oss förstå hur det fungerar. Låt oss säga att vi har följande stycken:
<p id="id1">text1</p>
<p id="id2">text2</p>
<p id="id3">text3</p>
Låt oss samla dessa stycken i en variabel:
let elems = document.querySelectorAll('p');
Låt oss iterera över elementen med en loop, och separera numren och själva elementen:
for (let [key, elem] of elems.entries()) {
console.log(key, elem);
}
Och låt oss nu utföra destructuring
på elementen, och få deras id och
text:
for (let [key, {id, textContent}] of elems.entries()){
console.log(key, id, textContent);
}
Följande kod är given:
<input id="id1" value="111">
<input id="id2" value="222">
<input id="id3" value="333">
Hämta numren, id och value från input-fälten.
