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:
function setText(id, text) {
let elem = document.getElementById(id);
elem.textContent = text;
}
Proovime selle tööd. Olgu meil kaks lõiku:
<p id="elem1"></p>
<p id="elem2"></p>
Muudame nende lõikude teksti, kasutades meie loodud funktsiooni:
setText('elem1', 'text1');
setText('elem2', 'text2');
Modifitseerige minu loodud funktsiooni nii,
et see võtaks parameetrina mitte id
elemendi, vaid suvalise CSS valija.
Tee funktsioon setAttr, mis
muudab DOM elemendi atribuuti. Olgu
esimeseks parameetriks funktsioonil elemendi valija,
teiseks - atribuudi nimi, ja kolmandaks
- selle uus väärtus.
