Truyền một nhóm phần tử DOM dưới dạng tham số hàm

Bây giờ giả sử hàm setText của chúng ta sẽ nhận tham số đầu tiên là một tham chiếu không phải tới một phần tử, mà ngay lập tức là một tập hợp các phần tử:

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

Hãy thử nghiệm hàm của chúng ta trong thực tế. Giả sử chúng ta có các đoạn văn sau:

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

Hãy sử dụng hàm của chúng ta để đặt một văn bản nào đó cho tất cả các đoạn văn này:

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

Tạo hàm appendText, hàm này sẽ nhận tham số đầu tiên là một mảng các phần tử DOM, và tham số thứ hai là văn bản. Hãy làm sao để hàm này thêm văn bản vào cuối các phần tử được truyền vào.

Tạo hàm appendElem, hàm này sẽ nhận tham số đầu tiên là một tham chiếu tới đối tượng DOM, trong đó chứa thẻ ul, và tham số thứ hai là văn bản. Hãy làm sao để hàm này tạo một li mới với văn bản được truyền vào và thêm nó vào cuối thẻ ul được truyền vào.

Cho một mảng và một ul. Sử dụng hàm appendElem, đã tạo trong bài tập trước đó, hãy ghi từng phần tử của mảng vào một li riêng biệt trong ul này.