Метод appendChild() DOM XML
Определение и использование
Метод appendChild() добавляет узел в конце последнего подузла указанного элемента.
Этот метод возвращает новый подузел.
Грамматика:
appendChild(узел)
| Параметр | Описание |
|---|---|
| узел | Обязателен. Узел, который нужно добавить. |
Пример
Во всех примерах мы будем использовать файл XML books.xml, а также функция JavaScript loadXMLDoc()。
Ниже приведен фрагмент кода, который создает и добавляет узел к первому элементу <book>, а затем выводит все подузлы первого элемента <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('First');
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(" - Edition: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}
Вывод кода выше:
Everyday Italian - Издание: Первое Harry Potter - Издание: Первое XQuery Kick Start - Издание: Первое Learning XML - Издание: Первое
Примечание:Internet Explorer будет игнорировать пустые текстовые узлы, созданные между узлами (например, символы перевода строки), в то время как Mozilla это не делает. Поэтому в приведенном выше примере мы обрабатываем только элементные узлы (узлы элемента, nodeType равен 1).
Для получения дополнительной информации о различиях между браузерами IE и Mozilla, пожалуйста, обратитесь к разделу XML DOM на CodeW3C.com. DOM браузер Этот раздел.
