Методы установки идентификатора для элемента Div в JavaScript

Чтобы установить идентификатор для элемента

в JavaScript, вы можете использовать метод setAttribute()или напрямую назначить idсвойство. Вот несколько методов, которые вы можете использовать:

Метод 1: использование setAttribute():

var divElement = document.createElement('div');
divElement.setAttribute('id', 'yourDivId');

Метод 2. Непосредственное присвоение свойства id:

var divElement = document.createElement('div');
divElement.id = 'yourDivId';

Метод 3. Выбор существующего элемента

по его индексу:

var divElement = document.getElementsByTagName('div')[0];
divElement.id = 'yourDivId';

Метод 4. Выбор существующего элемента

по его идентификатору:

var divElement = document.getElementById('existingDivId');
divElement.id = 'yourDivId';

Метод 5. Использование querySelector()для выбора элемента

с помощью определенного селектора:

var divElement = document.querySelector('.yourDivClass');
divElement.id = 'yourDivId';

Метод 6. Использование querySelectorAll()для выбора нескольких элементов

и присвоения идентификаторов:

var divElements = document.querySelectorAll('.yourDivClass');
divElements.forEach(function(divElement, index) {
  divElement.id = 'yourDivId' + index;
});