DOM элементдеринин маалыматтарын JavaScript менен алуу

Деструктуризация бизге DOMдун текстин жана атрибуттарынын маанилерин түз эле цикл ичинде алууга мүмкүндүк берет. Келгиле, бул кантип иштей турганын карап чыгалы. Бизде төмөнкүдөй абзацтар бар болсун:

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

Келгиле, бул абзацтардын чогултулган маалыматын өзгөрмөгө алалы:

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);
}

Төмөнкү код берилген:

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

Инпуттардын номерлерин, id жана value маанилерин алыңыз.