15.6. Создание, вставка и удаление узлов
Мы уже знаем, как получать и изменять содержимое документа, используя строки с разметкой HTML и с простым текстом. Мы также знаем, как выполнять обход документа для исследования отдельных узлов Element и Text, составляющих его содержимое. Однако точно так же существует возможность изменения документа на уровне отдельных узлов. Тип Document определяет методы создания объектов Element и Text, а тип Node определяет методы для вставки, удаления и замены узлов в дереве. Приемы создания и вставки узлов уже были показаны в примере 13.4, который повторяется ниже:
// Асинхронная загрузка сценария из указанного URL-адреса и его выполнение
function loadasync(url) {
var head = document.getElementsByTagName("head")[0]; // Отыскать <head>
var s = document.createElement("script"); // Создать элемент <script>
s.src = url; // Установить его атрибут src
head.appendChild(s); // Вставить <script> в <head>
}
В следующих подразделах более подробно и с примерами рассказывается о создании новых узлов, о вставке и удалении узлов, а также об использовании объектов DocumentFragment, упрощающих работу с множеством узлов.