+38(044) 277-40-42
+38(063) 233-01-83
+38(095) 628-11-32
Войти
+38(044) 277-42-05
+38(063) 233-01-83
+38(095) 628-11-32

DOM API как JavaScript новинки

Самое время поговорить о новинках DОМ АРI, которые будут активно применяться совсем скоро в разных сферах деятельности. Данный материал создан по причине старта реализации нескольких совершенно новых DОМ4 АРI способов в знаменитом Google Chrome. Большинство из них можно смело использовать уже сегодня, несколько методов работают через префиксы, тем не менее к каждому из них я всячески постараюсь дать отдельный Polyfill, задачей которого будет отбрасывать или реализовать те самые браузерные префиксы. DOM4 Mutation methods Поговорим о спецификации Element.prototype было создано большое количество довольно необычных методик, которые не станут чем-то новым для любителей jQuery, тем не менее схема их работы отличается от остальных. append(...{(Node|string)}) prepend(...{(Node|string)}) before(...{(Node|string)}) after(...{(Node|string)}) Это значит, что обновленный метод подразумевает вставку n-нного количества нод в текущую ноду. Передаются сами ноды в качестве аргументов функции. Также надо заметить, что вместо обычной ноды у пользователя имеется возможность передать текст, который на уровне автоматизма преобразится в TextNode. Стоит сказать и о функции append, ведь именно она вставляет ноды в самый конец своего списка, а вот функция prepend действует противоположным образом и вставляет их в начало. Также задействованы функции before (вставка перед нодой) и after (вставка после ноды). remove() Задача данной методики удалять текущую ноду из родителя. rеplаce(...{(Nоdе|string)}) Функция этого метода заключается в замене текущей ноды, делается это при помощи одной или сразу нескольких нод, которые следует сразу указать в качестве параметров метода. Надо заметить также, что во всех перечисленных методах отсутствует возвращаемое значение. А вот паттерн, при помощи которого вы сможете передавать массив с нодами или NodeList: element.append.apply(element, document.querySelectorAll("div")) Их всех перечисленных в сам document добавили только append и prepend. Плюс ко всему только remove реализован в самой последней из версий Google Chrome. Polyfill этих методов для всех браузеров имеется в моей библиотеке.