JavaScript DOM-элементы: свойства и атрибуты, поведение value, data-* атрибуты

Аватар автора
Александр Ламков — Friendly Frontend
✏️ Изучаем работу со свойствами и атрибутами DOM-элементов: узнаем как читаем и изменять свойства DOM-элементов, как получать, устанавливать значение HTML-атрибутов и проверять их наличие через методы getAttribute, setAttribute и hasAttribute. Обсудим необычное поведение атрибута value у полей ввода. Затронем свойство DOM-элементов attributes. Научимся управлять data-атрибутами. Узнаем, как прописать объект в качестве значения атрибута элемента. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:21 | Свойства DOM-элементов ▶ 01:59 | Чтение и изменение свойств DOM-элементов ▶ 03:18 | HTML-атрибуты ▶ 03:47 | Получение значения атрибута — метод getAttribute ▶ 04:06 | Установка значения атрибута — метод setAttribute ▶ 05:31 | Удаление атрибута — метод removeAttribute ▶ 06:09 | Проверка наличия атрибута — метод hasAttribute ▶ 06:42 | Синхронизация значений свойств и атрибутов ▶ 07:16 | Необычное поведение атрибута value ▶ 09:45 | Список всех атрибутов — свойство attributes ▶ 10:05 | Чтение и запись data-атрибутов — свойство dataset ▶ 11:16 | Объект в качестве значения атрибута элемента ▶ 13:16 | Заключение 📚 Ссылки: 💬 Чат в телеграмме (помощь новичкам): 🔸 Boosty (поддержать канал): 🗂️ Бесплатные курсы на канале: 📌 Автор: #javascript

0/0


0/0

0/0

0/0