JavaScript. Подробное руководство, 6-е издание, стр. 211

Класс

также определяет редко используемые методы добавления в конец, удаления, вставки и замены текста в узлах или . Кроме изменения содержимого имеющихся текстовых узлов этот класс позволяет также вставлять в элементы новые текстовые узлы или замещать существующие текстовые узлы новыми. Создание, вставка и удаление узлов - тема следующего раздела.

15.6. Создание, вставка и удаление узлов

Мы уже знаем, как получать и изменять содержимое документа, используя строки с разметкой HTML и с простым текстом. Мы также знаем, как выполнять обход документа для исследования отдельных узлов

и , составляющих его содержимое. Однако точно так же существует возможность изменения документа на уровне отдельных узлов. Тип определяет методы создания объектов и , а тип определяет методы для вставки, удаления и замены узлов в дереве. Приемы создания и вставки узлов уже были показаны в примере 13.4, который повторяется ниже:

В следующих подразделах более подробно и с примерами рассказывается о создании новых узлов, о вставке и удалении узлов, а также об использовании объектов DocumentFragment, упрощающих работу с множеством узлов.

15.6.1. Создание узлов

Как было показано в примере выше, создавать новые узлы

можно с помощью метода объекта . Этому методу необходимо передать имя тега: это имя не чувствительно к регистру символов при работе с HTML-документами и чувствительно при работе с XML-документами.

Для создания текстовых узлов существует аналогичный метод:

Кроме того, объект

определяет и другие фабричные методы, такие как редко используемый метод Один такой метод, мы будем использовать в разделе 15.6.4. При работе с документами, в которых используются пространства имен XML, можно использовать метод позволяющий указывать URI-идентификатор пространства имен и имя тега создаваемого объекта .

Еще один способ создания в документе новых узлов заключается в копировании существующих узлов. Каждый узел имеет метод

возвращающий новую копию узла. Если передать ему аргумент со значением , он рекурсивно создаст копии всех потомков, в противном случае будет создана лишь поверхностная копия. В броузерах, отличных от IE, объект дополнительно определяет похожий метод с именем Если передать ему узел из другого документа, он вернет копию, пригодную для вставки в текущий документ. Если передать ему значение true во втором аргументе, он рекурсивно импортирует все узлы-потомки.

15.6.2. Вставка узлов

После создания нового узла его можно вставить в документ с помощью методов типа

: или Метод вызывается относительно узла , в который требуется вставить новый узел, и вставляет указанный узел так, что тот становится последним дочерним узлом (значением свойства ).

Метод

похож на метод но он принимает два аргумента. В первом аргументе указывается вставляемый узел, а во втором - узел, перед которым должен быть вставлен новый узел. Этот метод вызывается относительно объекта узла, который станет родителем нового узла, а во втором аргументе должен передаваться дочерний узел этого родителя. Если во втором аргументе передать null, метод будет вести себя, как и вставит узел в конец.

Ниже приводится простая функция вставки узла в позицию с указанным числовым индексом. Она демонстрирует применение обоих методов,

и