Итого по атрибутам и свойствам



Атрибуты – это то, что написано в HTML.

Свойства – это то, что находится в DOM-объектах.



Методы для работы с атрибутами:

elem.hasAttribute(name) – проверить на наличие.

elem.getAttribute(name) – получить значение.

elem.setAttribute(name, value) – установить значение.

elem.removeAttribute(name) – удалить атрибут.

elem.attributes – это коллекция всех атрибутов.



В большинстве ситуаций предпочтительнее использовать DOM-свойства. Нужно использовать атрибуты только тогда, когда DOM-свойства не подходят, когда нужны именно атрибуты, например:



- Нужен нестандартный атрибут. Но если он начинается с data-, тогда нужно использовать dataset.

- Мы хотим получить именно то значение, которое написано в HTML. Значение DOM-свойства может быть другим, например, свойство href – всегда полный URL, а нам может понадобиться получить «оригинальное» значение.



#браузер #документ #атрибуты_свойств