Funkcijas darbam ar DOM elementu grupu
Tagad uzrakstīsim funkciju, kas parametrā paņems elementu grupas selektoru un to jauno tekstu. Ļaujiet šai funkcijai iestatīt visiem elementiem, kas atbilst selektoram, jaunu tekstu.
Implementēsim aprakstīto funkciju:
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
Pārbaudīsim to uz šādas elementu grupas:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Iestatīsim visiem elementiem ar klasi elem
jaunu tekstu:
setText('.elem', 'text');
Izveidojiet funkciju appendText, kas
pirmo parametru paņems kā selektoru,
bet otro - kā tekstu. Padariet tā, lai šī
funkcija pievienotu tekstu padoto
elementu beigās.