Метод 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.

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

  1. Мариан пишет:

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