Funkcijas darbam ar DOM elementu JavaScript

Tagad mēs iemācīsimies veidot palīgfunkcijas, kas veic dažādas operācijas ar DOM. Piemēram, izveidosim funkciju, kas pirmā parametra vērtībā saņems id elementa, bet otrajā - elementa tekstu, un iestatīs šim elementam jaunu tekstu.

Šeit ir aprakstītā funkcija:

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

Izmēģināsim tās darbību. Pieņemsim, ka mums ir divi rindkopas:

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

Mainīsim tekstu šīm rindkopām, izmantojot mūsu izveidoto funkciju:

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

Modificējiet manis izveidoto funkciju tā, lai tā parametrā saņemtu nevis id elementa, bet gan patvaļīgu CSS selektoru.

Izveidojiet funkciju setAttr, kas mainīs atribūtu DOM elementam. Ļaujiet pirmajam funkcijas parametram saņemt elementa selektoru, otrajam - atribūta nosaukumu, bet trešajam - tā jauno vērtību.