Các hàm để làm việc với nhóm phần tử DOM
Bây giờ chúng ta hãy viết một hàm nhận tham số là một bộ chọn của nhóm phần tử và văn bản mới của chúng. Hàm này sẽ đặt văn bản mới cho tất cả các phần tử phù hợp với bộ chọn.
Chúng ta hãy triển khai hàm đã mô tả:
function setText(selector, text) {
let elems = document.querySelectorAll(selector);
for (let elem of elems) {
elem.textContent = text;
}
}
Hãy kiểm tra nó trên nhóm các phần tử sau:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Hãy đặt văn bản mới cho tất cả các phần tử có lớp elem:
setText('.elem', 'text');
Tạo hàm appendText, hàm này
sẽ nhận tham số đầu tiên là một bộ chọn,
và tham số thứ hai là văn bản. Hãy làm sao cho hàm này
thêm văn bản vào cuối các phần tử được truyền vào.
