1

Etapa 1

Начинаем работу с DOM

2

Etapa 2

Выбор элементов DOM

3

Etapa 3

Изменение DOM атрибутов и контента

4

Etapa 4

Создание и удаление узлов

5

Etapa 5

DOM в действии

1

Etapa 1

Начинаем работу с DOM

2

Etapa 2

Выбор элементов DOM

3

Etapa 3

Изменение DOM атрибутов и контента

4

Etapa 4

Создание и удаление узлов

5

Etapa 5

DOM в действии

14 mayo 2015 25 mayo 2015
Objetivo completado 24 mayo 2015

Autor del objetivo

Александр П

Rusia, Москва

45 año / año / año

General

[Lynda.com] — Понимание DOM-модели

Объектная модель документа (DOM) лежит в основе каждой HTML страницы.
В целях создания динамических HTML страниц, интерфейсный разработчик должен понимать, как с помощью JavaScript контролировать DOM, как создавать, изменять, удалять и редактировать содержимое страницы.
Этот курс призван помочь вам понять DOM элементы и показывает различные способы получения доступа к ним с помощью JavaScript.
Курс охватывает такие вопросы, как навигация по DOM, выбор элементов, изменение HTML атрибутов, редактирование узлов и многое другое.

 Criterio del fin

Материал изучен

  1. Начинаем работу с DOM

    • Объектная модель документа - DOM
    • Инструменты разработчика
    • Консоль JavaScript
    • Взаимодействие с консолью
  2. Выбор элементов DOM

    • Выбор элементов с помощью getElementById
    • Выбор элементов по HTML тегу
    • Выбор элементов по имени класса
    • Выбор элементов с помощью CSS
    • Работа с именованными элементами формы
    • Понимание nodeType, nodeName, nodeValue
    • Переход по узлам DOM
    • Таргетинг элементов узлов
  3. Изменение DOM атрибутов и контента

    • Изменение HTML атрибутов
    • Работа с зарезервированными атрибутами
    • Обнаружение атрибутов
    • Контроль классов с помощью HTML5 classList
    • Таргетинг по свойствам атрибутов
    • Изменение содержимого элементов
    • Изменение текста элементов
  4. Создание и удаление узлов

    • Создание узлов
    • Использование insertBefore
    • Клонирование и удаление узлов
    • Замена существующих узлов
  5. DOM в действии

    • Что мы создадим
    • Добавление обработчика событий
    • Создание оверлея с помощью JavaScript
    • Добавление изображения
    • Изменение размера изображения в DOM
    • Центрирование изображения
    • Обработка кликов
    • Настройка скроллинга
    • Обнаружение изменения размеров окна
  • 2800
  • 14 mayo 2015, 12:56
Registración

Las posibilidades
están ilimitadas.
Es la hora
de descubrir las suyas

Уже зарегистрированы?
Entrada al sitio

Entre.
Está abierto.

¿Aún no está registrado?
 
Conéctese a cualquiera de sus cuentas, sus datos se tomarán de la cuenta.
¿Ha olvidado la contraseña?