DOM elemendiga töötamise funktsioonid JavaScriptis

Praegu õpime tegema abistavaid funktsioone, mis teostavad mõningaid toiminguid DOM-iga. Näiteks teeme funktsiooni, mis võtab esimese parameetrina id elemendi, ja teise - elemendi teksti, ja määrab sellele elemendile uue teksti.

Siin on kirjeldatud funktsioon:

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

Proovime selle tööd. Olgu meil kaks lõiku:

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

Muudame nende lõikude teksti, kasutades meie loodud funktsiooni:

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

Modifitseerige minu loodud funktsiooni nii, et see võtaks parameetrina mitte id elemendi, vaid suvalise CSS valija.

Задание 2

Tee funktsioon setAttr, mis muudab DOM elemendi atribuuti. Olgu esimeseks parameetriks funktsioonil elemendi valija, teiseks - atribuudi nimi, ja kolmandaks - selle uus väärtus.