DOM elementu grupas nodošana funkciju parametriem
Pieņemsim, ka mūsu funkcija setText
pirmo parametru saņems nevis vienu elementu,
bet uzreiz elementu kopu:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Izmēģināsim mūsu funkciju praksē. Pieņemsim, ka mums ir šādi rindkopas:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Izmantojot mūsu funkciju, iestatīsim visām šīm rindkopām kādu tekstu:
let elems = document.querySelectorAll('.elem');
setText(elems, 'teksts');
Izveidojiet funkciju appendText, kas
pirmo parametru saņems kā DOM elementu
masīvu, bet otro - tekstu. Uzstādiet to tā,
lai šī funkcija pievienotu tekstu
padoto elementu beigās.
Izveidojiet funkciju appendElem, kas
pirmo parametru saņems kā atsauci uz
DOM objektu, kurā atrodas ul tags,
bet otro - tekstu. Uzstādiet to tā, lai šī
funkcija izveidotu jaunu li ar doto
tekstu un pievienotu to padotā
ul beigās.
Dots masīvs un ul. Izmantojot funkciju
appendElem, kas izveidota iepriekšējā
uzdevumā, ierakstiet katru masīva elementu
atsevišķā li šajā ul.