Деструктуризация позволяет нам получать текст и значения атрибутов DOM прямо в цикле. Давайте разберемся, как это работает. Пусть у нас есть следующие абзацы:
<+html+>
text1
text2
text3
<-html->Давайте получим коллекцию этих абзацев в переменную:
let elems = document.querySelectorAll('p');
Переберем элементы циклом, отделив номера и сами элементы:
for (let [key, elem] of elems.entries()) {
console.log(key, elem);
}
А теперь давайте выполним деструктуризацию
элементов, получив из них их id и
тексты:
for (let [key, {id, textContent}] of elems.entries()){
console.log(key, id, textContent);
}
Дан следующий код:
<+html+>
<-html->
Получите номера, id и value инпутов.