Атрибуты и свойства
Когда браузер загружает страницу, он «читает» (также говорят: «парсит») HTML и генерирует из него DOM-объекты. Для узлов-элементов большинство стандартных HTML-атрибутов автоматически становятся свойствами DOM-объектов.
Например, для такого тега <body > у DOM-объекта будет такое свойство body.id="page" .
Но преобразование атрибута в свойство происходит не один-в-один! В этой главе мы уделим внимание различию этих двух понятий, чтобы посмотреть, как работать с ними, когда они одинаковые и когда разные.
DOM-свойства
Ранее мы уже видели встроенные DOM-свойства. Их много. Но технически нас никто не ограничивает, и если этого мало – мы можем добавить своё собственное свойство.
Русские Блоги
Добавить атрибут id в элемент HTML с помощью JS (JavaScript)
Иногда после размещения элементов страницы HTML обнаруживается, что некоторые элементы ввода не имеют уникального идентификатора или класса в поле ввода, тогда, если мы хотим добавить атрибуты к этому элементу HTML, мы можем сами добавить атрибуты элемента.
Пример: 
Элемент div имеет атрибут class, но этот класс не уникален (доступен для просмотра)
Эта страница имеет 2 атрибута класса, например el-textarea__inner. Некоторые люди могут сказать, что я не просто использую ссылку на индекс, да, да, но если этот класс Атрибут изменится позже, или есть много таких атрибутов класса? Более того, на этот раз я обсуждаю, как добавить атрибуты к элементам HTML
Итак, давайте сначала посмотрим, как увеличить
Шаг 1: 
Добавить атрибуты:
Проверьте, успешно ли добавление 
—- успешно добавлено
Проверьте, доступен ли он
хорошо, добавленный атрибут id доступен
Element.id
Свойство id представляет идентификатор элемента, отражая глобальный атрибут id.
Если значение id не пустое, то оно должно быть уникально в документе.
id часто используется с getElementById , чтобы получить нужный элемент. Часто применяют ID как селектор, для стилизации документа, с помощью CSS.
Примечание: идентификаторы чувствительны к регистру, но вам следует избегать создание id, которых различает регистр (смотрите Чувствительность к регистру в классах и идентификаторов).
How to create HTML elements with ID and class using JavaScript?
In this JavaScript post, I demonstrated how to create HTML elements using JavaScript.
But many times, we need to create elements with class and id attributes so that we can target those newly created elements.
We can use setAttribute() Method to set id and class attributes.
setAttribute() Method
This method adds the defined attribute to an HTML element, and also adds a defined value to it.