Functies voor het werken met DOM elementen in JavaScript

Nu gaan we leren hoe we hulp- functies kunnen maken die verschillende bewerkingen uitvoeren met DOM. Laten we bijvoorbeeld een functie maken die als eerste parameter de id van het element accepteert, en als tweede - de tekst van het element, en die deze elementen nieuwe tekst zal instellen.

Hier is de beschreven functie:

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

Laten we de werking ervan testen. Stel dat we twee alinea's hebben:

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

Laten we de tekst van deze alinea's veranderen met behulp van onze gemaakte functie:

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

Modificeer de door mij gemaakte functie zodanig dat deze als parameter niet de id van het element accepteert, maar een willekeurige CSS selector.

Maak een functie setAttr, die een attribuut van een DOM element wijzigt. Laat de functie als eerste parameter een selector van het element accepteren, als tweede - de naam van het attribuut, en als derde - de nieuwe waarde ervan.