DOM-elementin käsittelyfunktiot JavaScriptillä
Nyt opimme tekemään apufunktioita,
joilla suoritetaan erilaisia toimintoja
DOM:lle. Esimerkiksi tehdään funktio,
joka ottaa ensimmäisenä parametrina
id elementin, ja toisena - elementin tekstin,
ja asettaa sille uuden tekstin.
Tässä on kuvattu funktio:
function setText(id, text) {
let elem = document.getElementById(id);
elem.textContent = text;
}
Kokeillaan sen toimintaa. Olkoon meillä kaksi kappaletta:
<p id="elem1"></p>
<p id="elem2"></p>
Muutetaan näiden kappaleiden tekstiä hyödyntäen luomaamme funktiota:
setText('elem1', 'text1');
setText('elem2', 'text2');
Muokkaa luomaani funktiota niin,
että se ottaa parametrina ei id
elementin, vaan mielivaltaisen CSS-valitsimen.
Tee funktio setAttr, joka
muuttaa DOM-elementin attribuuttia. Olkoon
ensimmäinen parametri elementin valitsin,
toinen - attribuutin nimi, ja kolmas
- sen uusi arvo.
