Глава 6. Работа с DOM

Работа с атрибутами и изменение содержимого HTML-элементов.

Здравствуйте!  Продолжаем изучение работы с DOM в JavaScript и в этом уроке рассмотрим свойства и методы объекта Element. То есть это непосредственно сам найденный элемент на веб-странице. Очень важно не путать объект Element с Node. Node представляет из себя коллекцию элементов на веб-странице.

Изменение html элементов и их атрибутов

Читать далее »

Создание, добавление и удаление элементов HTML страницы

Здравствуйте! С помощью JavaScript можно не только находить элементы на странице (о том как это делать читайте здесь) но также создавать элементы динамически и добавлять их в DOM. О том как это делать  и пойдет разговор в этом уроке.

Для  того  чтобы создать новый  элемент  на  веб-странице — в объекте document  есть следующие методы:

  • createElement(elementName):  создает новый элемент в качестве параметра надо передать любой тег html-страницы, возвращает html-элемент
  • createTextNode(text):  создает текстовый узел и возвращает его же.

Создание и удаление элементов на веб-странице

Читать далее »

Объект Node. Как перемещаться по DOM

Здравствуйте! Мы с вами уже рассмотрели  что такое объект document и в этом уроке мы разберем собственно узел объекта document или Node.  Дело в том, что каждый узел, будь то html-элемент, его атрибут или  даже текст, в структуре DOM является объектом Node.  Этот служебный объект имеет ряд свойств, с помощью которых  вы можете перемещаться по дереву элементов DOM:

навигация по dom

Читать далее »

Объект document. Как найти элемент на странице

Здравствуйте!  В этом уроке рассмотрим основные методы  для поиска элементов на странице. Ведь для того, чтобы  что то сделать с элементом на веб-странице его надо для начала найти.  Для этой цели используется объект document мы уже с ним встречались в примерах когда выводили информацию в браузер с помощью функции document.write().  Здесь же  мы рассмотрим еще методы для поиска элементов в дереве DOM.

Поиск элемента в DOM

Читать далее »

Введение в DOM

Здравствуйте!  Надо сказать что основное предназначение  JavaScript  это взаимодействие с HTML-элементами и непосредственно с этой темой мы и будем разбираться в сегодняшнем уроке.

DOM — сокращенно от Document Object Model(Объектная модель документа)  это модель HTML-страницы описывающая ее в виде дерева, где элементы страницы представлены в виде веток. Ее не следует путать с BOM — это модель браузера и работает она на уровень выше о ней у нас еще будет разговор.

Читать далее »

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: