Создание узлов путем клонирования (копирования) узла – метод cloneNode
Здравствуйте, уважаемые читатели блога okITgo.ru! В одной из предыдущих статей рубрики DOM, посвященной созданию новых узлов, я не упомянул о еще одном способе, позволяющем создавать узлы – клонирование. Правда это не совсем то же самое, что создание полностью нового узла, поэтому решил написать об этой возможности отдельный небольшой пост.
Попробуйте Сами – Примеры
Примеры ниже используют XML файл books.xml.
Функция loadXMLDoc(), описанная во внешнем файле JavaScript, используется для загрузки XML файла.
Копировать узел и прицепить его к существующему узлу
Этот пример использует cloneNode(), чтобы копировать и прицепить его к корневому узлу XML документа
Копирование Узла
Метод cloneNode() создает копию указанного узла.
Метод cloneNode() имеет параметр (true – истина или false – ложь). Этот параметр определяет, должен ли клонируемый узел включать все атрибуты и дочерние узлы исходного узла.
Следующий фрагмент кода копирует первый узел <book> и прицепляет его к корневому узлу документа:
Пример
Вывод:
Попробуйте сами » |
Объяснение примера:
- Загружаем "books.xml" в xmlDoc, используя loadXMLDoc()
- Получаем узел, который необходимо скопировать
- Копируем (создаем) узел в "newNode" с помощью метода cloneNode
- Прицепляем новый узел к корневому узлу XML документа
- Выводим все заголовки всех книг в документе
Спасибо за внимание! До новых встреч на страницах сайта okITgo.ru.