⊗jsPmFDPGAP 492 of 505 menu

DOM-elementtiryhmän välittäminen funktioiden parametreina

Oletetaan nyt, että funktiomme setText ottaa ensimmäisenä parametrina viittauksen ei yhteen elementtiin, vaan heti kokoelmän elementtejä:

function setText(elems, text) { for (let elem of elems) { elem.textContent = text; } }

Testataan funktiotamme käytännössä. Oletetaan, että meillä on seuraavat kappaleet:

<p class="elem"></p> <p class="elem"></p> <p class="elem"></p> <p class="elem"></p> <p class="elem"></p>

Asetetaan funktiollamme kaikille näille kappaleille jotain tekstiä:

let elems = document.querySelectorAll('.elem'); setText(elems, 'teksti');

Tee funktio appendText, joka ottaa ensimmäisenä parametrina taulukon DOM-elementtejä ja toisena - tekstin. Tee niin, että tämä funktio lisää tekstin annettujen elementtien loppuun.

Tee funktio appendElem, joka ottaa ensimmäisenä parametrina viittauksen DOM-objektiin, jossa on ul-tagi, ja toisena - tekstin. Tee niin, että tämä funktio luo uuden li:n annetulla tekstillä ja lisää sen annetun ul-tagin loppuun.

Annettu taulukko ja ul. Käytä funktiota appendElem, joka luotiin edellisessä tehtävässä, kirjoittaaksesi jokainen taulukon elementti erilliseen li:iin tässä ul:ssa.

Suomi
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Käytämme evästeitä verkkosivuston toiminnalle, analytiikalle ja personoinnille. Tietojen käsittely tapahtuu Tietosuojakäytännön mukaisesti.
hyväksy kaikki mukauta hylkää