Pasar un grupo de elementos DOM como parámetros de funciones
Supongamos ahora que nuestra función setText
acepta como primer parámetro una referencia
no a un solo elemento, sino a un conjunto de elementos a la vez:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Probemos nuestra función en la práctica. Supongamos que tenemos los siguientes párrafos:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Usemos nuestra función para establecer algún texto para todos estos párrafos:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Crea una función appendText que
acepte como primer parámetro un array
de elementos DOM y como segundo - texto. Haz
que esta función agregue el texto
al final de los elementos pasados.
Crea una función appendElem que
acepte como primer parámetro una referencia a
un objeto DOM que contiene una etiqueta ul,
y como segundo - texto. Haz que esta
función cree un nuevo li con el texto
pasado y lo agregue al final de la
etiqueta ul pasada.
Dado un array y un ul. Usando la función
appendElem, creada en la tarea anterior,
escribe cada elemento del array en
un li separado en este ul.