Уроки

Работа с атрибутами и изменение содержимого 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 — это модель браузера и работает она на уровень выше о ней у нас еще будет разговор.

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

Настройка таргетирования и подбор ключей для Директ и Адвордс

Рекламный бюджет необходимо расходовать рационально, таким образом чтобы прибыль от ваших заказов окупала рекламу на привлечение новых клиентов. Таргетирование — один из инструментов для привлечения интересной для вашего бизнеса интернет аудитории…Читать далее »

Привязка контекста и карринг: «bind» в JavaScript

Здравствуйте!  В продолжении темы указателя this Функции в JavaScript в этом уроке рассмотрим ситуации, связанные с потерей контекста.

Иногда возникают такие ситуации, когда функция теряет свой контекст и ее указатель this уже указывает в никуда.  Как бороться с этим явлением и что такое карринг об этом  мы как раз  и поговорим в этой статье.

Потеря контекста и карринг javascript

 

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

Явное указание this: методы «call», «apply»

Здравствуйте! Мы уже с вами в прошлом уроке  рассмотрели указатель  this –  и выяснили, что это текущий объект при вызове «через точку» и соответственно  новый объект при конструировании через new.

В этом  уроке наша задача состоит в том, что  получить окончательное и полное понимание об объекте  this в JavaScript.  Для этого не хватает самого малого: способа явно указать this  с помощью  call и apply.

методы call и apply javascript

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

Создание объектов через оператор «new»

Здравствуйте!  До этого  мы с вами рассматривали  синтаксис, который использует фигурные скобки  при создании объекта, но такой способ позволяет создать лишь один объект. Но зачастую нужно создать  очень много однотипных объектов.

Для этого используют так называемые  «функции-конструкторы», запуская их при помощи специального оператора new.

создание объектов через оператор new

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

Методы объектов и указатель this

Здравствуйте! Мы уже с вами познакомились с объектами, но ничего не говорили о методах объектов. Восполним этот недостаток . И в этом уроке рассмотрим методы объектов они же функции объектов и непосредственно указатель this.

Указатель this в объекте

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

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

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