Задания javascript: DOM

DOM — объектная модель документы, позволяет работать с узлами документа, обращаясь к их свойствам и методам. Часть свойств описывают отношения между узлами в DOM-дереве. Методы позволяют находить, клонировать, вставлять, добавлять, удалять узлы дерева.

  • Есть HTML-разметка: https://jsfiddle.net/htmllab/xwu06x64/1/
    Написать скрипт: при нажатии на кнопку, добавлять в div с идентификатором «container» фрагмент разметки:

     <div class="item"> 
     <h3>Заголовок</h3>
     <p>текст текст текст</p>
     </div>
  • При нажатии на ссылку, равномерно перемещать HTML-элемент с классом .play вправо
    https://jsfiddle.net/htmllab/xwu06x64/2/
  • * Создать скрипт, который при нажатии на гиперссылку «Добавить» будет показывать в нижней части окна браузера уведомление, подобно тем, которые появляются в социальных сетях при получении сообщения.
    https://jsfiddle.net/htmllab/qwd3hj3s/1/
  • При нажатии на гиперссылку менять фоновый цвет элемента с классом .play на прозрачный. Примечание: используйте CSS-свойство opacity.
    Разметка: https://jsfiddle.net/htmllab/fjrjL240/
  •  * Написать скрипт, который будет выполнять работу, подобную библиотеке http://lokeshdhakar.com/projects/lightbox2/.
  • * Познакомьтесь с компонентом Bootstrap — индикатором загрузки (Индикатор загрузки в Bootstrap, видео об индикаторе загрузки в Bootstrap). Создайте скрипт, который будет анимировать изменение показателя индикатора загрузки
  • * Создать скрипт, который при нажатии на гиперссылку анимировал движение элемента с классом .play по параболе в ветками вниз.
    https://jsfiddle.net/htmllab/ue5L269t/

 

Добавить комментарий