JavaScriptда DOM элементини олиш

Ҳозир биз DOM элементларини олишни ўрганамиз, кейинрок улар билан айрим амаллар бажаришимиз мумкин.

Бизда бирор тугма бўлсин:

<input id="button" type="submit">

Келинг, бу тугмага ҳаволани ўзгарувчига оламиз. Бунинг учун махсус document объектининг querySelector услубидан фойдаланиш керак. Бу услуб параметр сифатида CSS селекторини қабул қилади ва ушбу селектор бўйича топилган элементга ҳавола қайтаради.

Бизнинг тугмачимизда id атрибути button қиймати билан мавжуд. Демак, биз бу тугмани #button селектори орқали топа оламиз. Шундай қилиб, келинг тугмачимизни топамиз ва унга ҳаволани ўзгарувчига ёзамиз:

let button = document.querySelector('#button');
console.log(button);

3 та абзац берилган:

<p id="elem1">1</p>
<p id="elem2">2</p>
<p id="elem3">3</p>

Ҳар бир абзацга ҳаволани алохида ўзгарувчига ёзинг ва ҳар бир ўзгарувчининг мундарижасини консолга чиқаринг.