#2 Атрибуты и создание элементов на JavaScript, работа с DOM

preview_player
Показать описание
В этом уроке я расскажу вам как работать с HTML атрибутами на языке JavaScript. Мы научимся добавлять, удалять, заменять атрибуты и их значения. А так же мы научимся создавать свои новые элементы. Рекомендую вам повторять все за мной, самостоятельно, а не просто смотреть или копировать готовый код. Это поможет лучше усвоить информацию.

Уроки по языку JavaScript собраны в одном плейлисте для вашего удобства. Тут вы сможете легко выучить язык JavaScript начиная с основ.

Данный плейлист включает в себя видео лекции из курса "Frontend разработчик на HTML, CSS и JavaScript". Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik.

00:00 Выбор элемента и проверка на вложенность
01:58 Курс Frontend разработчик
02:22 Шаблонные строки и innerHTML
04:28 Текст элемента textContent
06:40 Свойство hidden, скрыть элемент
08:14 Атрибуты HTML тегов
14:36 data атрибуты, dataset
17:56 Создание элементов и добавление к документу
25:19 Метод для замены элемента на другой

#javascript #js #jsdom #dom #itdoctor
  1. ITDoctor
  2. itdoctor
  3. JavaScript для новичков
  4. Введение в JavaScript
  5. Консоль разработчика javascript
  6. основы javascript
Рекомендации по теме
#2 Атрибуты и 0:27:21

#2 Атрибуты и создание элементов на JavaScript, работа с DOM

Создание элементов справочников. 0:03:20

Создание элементов справочников. Для новчиков в 1С.

JavaScript Document object 1:09:55

JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение....

Урок 2 - 0:13:36

Урок 2 - Создание элементов Справочника

JavaScript v.2.0. Работа 0:24:23

JavaScript v.2.0. Работа с DOM, создание элементов, работа с CSS

MS Visio. Создание 0:10:58

MS Visio. Создание пользовательских наборов элементов

Программное создание элементов 0:49:58

Программное создание элементов форм Часть 2

Subassembly Composer - 0:52:46

Subassembly Composer - создание пользовательских элементов конструкций для AutoCAD Civil 3D...

JavaScript #6: создание 0:15:46

JavaScript #6: создание и добавление элементов DOM createElement, append, remove, insertAdjacentHTML...

Основы javascript 17 0:15:50

Основы javascript 17 — Создание элементов динамически.

Язык Javascript для 0:04:01

Язык Javascript для начинающих | #12 Создание HTML элементов в js....

Пример создания отчёта 0:01:06

Пример создания отчёта по форме 2 Ведомость отправочных элементов схемы...

Урок 2. Создание 0:36:13

Урок 2. Создание элементов пользовательского интерфейса...

Блок3 Урок 2 0:09:18

Блок3 Урок 2 Создание семейства компонентов узла

Основы jQuery - 0:09:00

Основы jQuery - 6 Создание элементов

✅Элементы / Их 0:22:56

✅Элементы / Их свойства / Способы создания!

Создание DOM элементов 0:36:19

Создание DOM элементов

Урок 4 часть 0:24:57

Урок 4 часть 2 Создание деталей

21. Создаем ассоциации 0:35:52

21. Создаем ассоциации между моделями в нашем проэкте пишем логику создания элементов watchlist...

Урок 2. Окно 0:26:44

Урок 2. Окно 'Авторизация' . Создание элементов на форме....

Разница дочерних узлов 0:03:34

Разница дочерних узлов от дочерних элементов на примере создания коллекции...

Cadwork. Урок 4 0:17:31

Cadwork. Урок 4 - Создание элементов

SolidWorks. Создание конфигураций 0:08:46

SolidWorks. Создание конфигураций деталей вручную

Создание сайтов. HTML 0:01:58

Создание сайтов. HTML и CSS. Дополнительные элементы. Урок 2 - Вставка аудио...

Комментарии
Автор

Задания, тесты и другие полезные материалы к этому курсу можно получить в курсе на Stepik.

ITDoctor
Автор

Огромная благодарность, Исмаил!!! Контент супер! Очень актуальный!

СергейКофанов-лу
Автор

Огромная благодарность за такую внятную подачу материала👍

dejadejugar
Автор

7:24 мой любимый сет интервал, появляющийся и исчезающий элемент)

андрейдраконов-як
Автор

13:00 dir дает инфу какие атрибуты применяются к этому

андрейдраконов-як
Автор

в конце как заменить один тег другим через реплисмент

андрейдраконов-як
Автор

19 минута append который добавляет элемент но лучше применять prepend

андрейдраконов-як
Автор

А как добавить на тег через setAtrribute, не один атрибут со своим значением, а несколько атрибутов со своими значениями?

Moonlight-khpr
Автор

ногоуважаемый Исмаил,
Я с удовольствием изучал ваш курс по JS.
Дошел до раздела:
#2 Атрибуты и создание элементов на JavaScript, работа с DOM.
Скопировал в свой Sublime Text точно как в вашем уроке: Имеется в виду самый первый пример. Но в console на браузере ничего не выводится и показывает ошибку.Что я делаю не так? Я в полном отчаяние.Какой у вас адрес электронной почты? Я смог бы осветить проблему детальнее, со скриншотами.Скорому ответу буду очень рад. С уважением Пётр Андроникашвили.

Andronikkomnen
Автор

Здравствуйте. В задании 12, Вы подключаете класс alert. Делаю тоже самое (за Вами), но класс не подключает. Стер путь к файлу и заново указал путь. То же самое. Скопировал и вставил в основной файл, - заработало. Какие могут быть причины почему не подключаются стили ?

ЮрийЛис-дв
Автор

Да, логика ясна, но пока не понятно к чему это все будет применяться.

ИгорьБражный
Автор

8:06 сэт интервал строчка кода для анимации исчезающего текста и появляющегося вновь

андрейдраконов-як