«prepend» — добавление нового узла в начало списка дочерних узлов

Octane, 25.07.2008

Функция prepend добавляет новый или перемещает существующий узел в начало списка дочерних элементов текущего узла и возвращает копию объекта _$, содержащую ссылку на новый/перемещенный узел.

Входные параметры

В качестве входного параметра функция может принимать строку с именем тега нового узла или ссылку на уже существующий узел.

  • prepend('div') — функция создаст новый узел с именем тега DIV и поместит его в начало списка дочерних элементов текущего узла.
  • prepend(node) — функция переместит узел, доступный по ссылке node, в начало списка дочерних элементов текущего узла.

Пример использования

$('test').prepend('div');

В начале списка дочерних элементов узла с идентификатором test будет добавлен новый узел с именем тега DIV.

Аналог без использования фреймворка

function prepend(id, tag) {
  var node = document.getElementById(id),
  first = node.firstChild,
  newNode = document.createElement(tag);
  node.insertBefore(newNode, first);
  return newNode;
}

prepend('test', 'div');

Подписаться на обновления блога

Вам понравился наш блог, хотите следить за обновлениями? Подпишитесь на RSS рассылку или рассылку по электронной почте. Так же вы можете следить за нами в Twitter.

Категории: js-core, Работа с DOM | Комментировать

Комментарии

  1. AlexPTS / 13.03.2009 в 20:05

    а чем отличается append от prepend?* Суть одинаковая?

  2. Octane / 14.03.2009 в 12:35

    append добавляет элемент в конец списка дочерних элементов, а prepend — в начало.

Оставить комментарий

480×60
480×60