Cách gán thuộc tính trong vòng lặp từ mảng trong JavaScript

Yêu cầu: Viết hàm nhận một mảng và thay đổi thuộc tính id của n thẻ div đầu tiên trong DOM theo các giá trị tương ứng của mảng, trong đó n là độ dài mảng.

Ta sẽ chọn tất cả thẻ div, lặp qua mảng và gán id tương ứng cho từng div:

const array = ['navbar', 'sidebar', 'section1', 'section2', 'footer']; const changeDivId = (arr) => {    const divsArray = document.querySelectorAll('div');    arr.forEach((element, index) => {       divsArray[index].id = element;    }); }; changeDivId(array);

Với cách này, các phần tử của mảng được ánh xạ thành id của các thẻ div tương ứng.