«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');

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

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

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

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

480×60
480×60