Объект Узел – Методы appendChild, cloneNode, insertBefore, removeChild и replaceChild – Часть 1
Здравствуйте, уважаемые читатели блога okITgo.ru! Очередной пост рубрики DOM посвящен подробному рассмотрению методов объекта Узел appendChild(), cloneNode(), insertBefore(), removeChild() и replaceChild(), которые позволяют модифицировать структуру XML документа, добавляя, клонируя, вставляя, удаляя и замещая узлы.
Метод appendChild()

Определение и Использование
Метод appendChild() прицепляет новый дочерний узел в конец списка дочерних узлов данного узла.
Этот метод возвращает новый дочерний узел (который прицепили, т.е. по сути свой параметр).
Синтаксис
appendChild(newchild) |
Параметр | Описание |
---|---|
newchild | Узел, который требуется добавить (прицепить) |
Пример
Следующий фрагмент кода загружает "books.xml" в xmlDoc с помощью loadXMLDoc(), создает узел (<edition>), и добавляет его за последним сыном первого узла <book>:
Пример
Вывод:
Попробуйте сами » |
Попробуйте-Сами Демонстрация
appendChild() – Прицепить дочерний узел ко всем узлам <book>
Метод cloneNode()

Определение и Использование
Метод cloneNode() создает точную копию указанного узла.
Этот метод возвращает клонированный узел.
Синтаксис
nodeObject.cloneNode(include_all) |
Параметр | Описание |
---|---|
include_all | Обязательный. Если Булев параметр установлен в true, то клонированный узел клонирует все дочерние узлы оригинального (исходного) узла |
Пример
Следующий фрагмент кода загружает "books.xml" в xmlDoc посредством loadXMLDoc(), клонирует первый узел <book> и затем добавляет его в конец списка узлов:
Пример
Вывод:
Попробуйте сами » |
Метод insertBefore()

Определение и Использование
Метод insertBefore() вставляет новый дочерний элемент перед существующим дочерним элементом.
Этот метод возвращает новый дочерний элемент (т.е. передаваемый этому методу первый параметр).
Синтаксис
insertBefore(newchild,refchild) |
Параметр | Описание |
---|---|
newchild | Новый дочерний элемент для вставки |
refchild | Узел, перед которым должен быть вставлен новый узел |
Пример
Следующий фрагмент кода загружает "books.xml" в xmlDoc с помощью loadXMLDoc(), создает новый узел <book> и вставляет его перед последним узлом <book>:
Пример
Попробуйте сами » |
Метод removeChild()

Определение и Использование
Метод removeChild() удаляет дочерний узел.
Эта функция возвращает удаленный узел в случае успеха, или NULL при сбое.
Синтаксис
elementNode.removeChild(node) |
Параметр | Описание |
---|---|
node | Обязательный. Указывает дочерний узел, который следует удалить |
Пример
Следующий фрагмент кода загружает "books.xml" в xmlDoc, используя loadXMLDoc(), и удаляет дочерний узел в первом узле <book>:
Пример
Вывод:
Попробуйте сами » |
Метод replaceChild()

Определение и Использование
Метод replaceChild() заменяет дочерний узел другим узлом.
Данная функция вернет замененный (новый) узел в случае успеха, или NULL при сбое.
Синтаксис
elementNode.replaceChild(new_node,old_node) |
Параметр | Описание |
---|---|
new_node | Обязательный. Указывает новый узел |
old_node | Обязательный. Указывает дочерний узел, который надо заменить |
Пример
Следующий фрагмент кода загружает "books.xml" в xmlDoc, применяя loadXMLDoc(), и заменяет первый узел <book>:
Пример
Попробуйте сами » |

Спасибо за внимание! До новых встреч на страницах сайта okITgo.ru.