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.