Latest web development tutorials
×

JavaScript & HTML DOM справочное руководство

обзор

JavaScript объекты

JavaScript Array объекты JavaScript Boolean объекты JavaScript Date объекты JavaScript Math объекты JavaScript Number объекты JavaScript String объекты JavaScript RegExp объекты JavaScript Глобальные свойства / функции JavaScript операторы

Browser объекты

Window объекты Navigator объекты Screen объекты History объекты Location объекты

DOM объекты

HTML DOM Document объекты HTML DOM объект Element HTML DOM Атрибут объекта HTML DOM объекты событий

HTML объекты

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

Метод HTML DOM AppendChild ()

Элементы Object Reference объект Element

примеров

Добавить элемент списка:

document.getElementById("myList").appendChild( newListItem );

Перед добавлением:

  • Coffee
  • Tea

После добавления:

  • Coffee
  • Tea
  • Water

Попробуйте »

Определение и использование

Метод AppendChild (), чтобы добавить новый дочерний узел к конечному узлу списка дочерних узлов.

Совет: Если дерево документ был в существовании newchild, он удаляется из дерева документа, а затем вставьте его в новое место. Если newchild является DocumentFragment узел, то он не будет включен непосредственно, а к его дочерние узлы последовательно вставляются в конец массива ChildNodes текущего узла [].

Вы можете использовать метод AppendChild () для удаления элемента к другому элементу.

примеров

Переход к элементу списка к другому элементу списка:

var node=document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);

Перед добавлением:

  • Coffee
  • Tea
  • Water
  • Milk

После добавления:

  • Coffee
  • Tea
  • Milk
  • Water

Попробуйте »

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Все основные браузеры поддерживают AppendChild метод ()


грамматика

node .appendChild( node )

параметры

参数 类型 描述
node 节点对象 必须。你要添加的节点对象。

Возвращаемое значение

类型 描述
节点对象 添加的节点

технические детали

DOM версия Базовый уровень 1 Узел Объект


Элементы Object Reference объект Element