okITgo.ru > DOM - Объектная Модель Документа >

Метод appendChild() – добавление дочернего узла к XML элементу

Рубрика: DOM - Объектная Модель Документа

Приветствую, уважаемые читатели блога okITgo.ru! Метод appendChild() добавляет узел за последним дочерним узлом указанного узла элемента. Этот метод возвращает новый дочерний узел. Я расскажу о применении данного метода на практике и приведу несколько примеров, как он может использоваться.

Справка по Объекту Элемент Все Методы Элемента

Синтаксис

appendChild(node)

Параметр Описание
node Обязательный. Узел, который следует добавить

В качестве node мы указываем узел xml, который хотим добавить в конец данного элемента, в результате чего этот узел будет прицеплен снизу к дереву текущего узла. В примерах ниже в качестве добавляемого узла используется новый элемент, создаваемый методом createElement xml-документа.

Пример 1

Следующий фрагмент кода загружает "books.xml" в xmlDoc, используя
loadXMLDoc(), и создает элемент (<edition>), который затем добавляет за последним дочерним узлом первого элемента <book>:


Пример

xmlDoc=loadXMLDoc("books.xml");

newel=xmlDoc.createElement("edition");

x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

document.write(x.getElementsByTagName("edition")[0].nodeName);

Вывод:

edition

Попробуйте сами »

Пример 2

Следующий фрагмент кода загружает "books.xml" в xmlDoc с помощью
loadXMLDoc() и добавляет новый узел ко всем элементам <book>:


Пример

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName(‘book’);
var newel,newtext;

for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement(‘edition’);
newtext=xmlDoc.createTextNode(‘Первое’);
newel.appendChild(newtext);
x[i].appendChild(newel);
}

//Вывести все заголовки и издания
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" – Издание: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("");
}

Вывод:

Самогон и другие спиртные напитки домашнего приготовления – Издание: Первое
Арлекино и Пьеро – Издание: Первое
Ajax в действии – Издание: Первое
Библия JavaScript 4-е Издание – Издание: Первое

Попробуйте сами »

Удачи Вам и до новых встреч на страницах блога okITgo.ru.

Похожие материалы:

  1. Вставка детей (appendChild), добавление узлов и атрибутов, добавление текста к текстовому узлу (insertData)
  2. Клонирование узла – метод cloneNode()
  3. Объект Узел – Методы appendChild, cloneNode, insertBefore, removeChild и replaceChild – Часть 1
  4. Создание новых узлов элементов, атрибутивных узлов (метод setAttribute), текстовых узлов, узлов секции CDATA и узлов комментариев
  5. Создание узлов путем клонирования (копирования) узла – метод cloneNode

Рубрика: DOM - Объектная Модель Документа

Один отзыв на «Метод appendChild() – добавление дочернего узла к XML элементу»

  1. Мариан пишет:
    1 Октябрь 2013 в 16:25

    Занятно! Реально просто отлично написано.

    Ответить