DOM элемент билан ишлаш учун JavaScript функциялари

Ҳозир биз бирор амалларни бажарадиган DOM ёрдамчи функцияларини ясашни ўрганамиз. Масалан, биринчи параметр сифатида элементнинг id сини оладиган, иккинчиси - элемент матнини оладиган ва ушбу элементга янги матн белгилаб берадиган функция ясайлик.

Тавсирланган функция:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

Келинг, унинг ишини синаймиз. Бизда иккита абзац бор бўлсин:

<p id="elem1"></p>
<p id="elem2"></p>

Келинг, биз ясаган функциядан фойдаланиб, ушбу абзацларнинг матнини ўзгартирамиз:

setText('elem1', 'text1');
setText('elem2', 'text2');

Мен ясаган функцияни шундай модификация қилингки, у параметр сифатида элементнинг id сини эмас, балки исталган CSS селекторини олсин.

setAttr функциясини ясанг, у DOM элементнинг атрибутини ўзгартиради. Функция биринчи параметр сифатида элемент селекторини, иккинчиси - атрибут номини, учинчиси эса - унинг янги қийматини олсин.