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

Octane, 24.07.2008

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

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

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

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

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

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

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

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

function append(id, tag) {
  var node = document.getElementById(id),
  newNode = document.createElement(tag);
  node.appendChild(newNode);
  return newNode;
}

append('test', 'div');

Most Commented Posts

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

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

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

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

480×60
480×60