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:

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

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

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

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

javascriptsetText('elem1', 'text1');
setText('elem2', 'text2');
Задание 1

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

Задание 2

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.