Passando um grupo de elementos DOM como parâmetros
Suponha que agora nossa função setText
aceite como primeiro parâmetro uma referência
não a um elemento, mas a um conjunto de elementos de uma vez:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Vamos testar nossa função na prática. Suponha que temos os seguintes parágrafos:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Vamos usar nossa função para definir um texto para todos esses parágrafos:
let elems = document.querySelectorAll('.elem');
setText(elems, 'texto');
Crie a função appendText, que
aceitará como primeiro parâmetro um array
de elementos DOM e como segundo - um texto. Faça com
que esta função adicione o texto
ao final dos elementos passados.
Crie a função appendElem, que
aceitará como primeiro parâmetro uma referência a
um objeto DOM que contém a tag ul,
e como segundo - um texto. Faça com que esta
função crie um novo li com o texto
passado e o adicione ao final da
tag ul passada.
Dado um array e uma ul. Usando a função
appendElem, criada na tarefa
anterior, grave cada elemento do array em
um li separado nesta ul.