Методы document.createElement() и document.createNode()

Метод document.write() применяется к отдельной части Web-страницы на этапе ее первой загрузки в браузер. Любое повторное выполнение этого метода приводит к удалению содержимого Web-страницы и созданию новой страницы. Если вам необходимо изменить уже существующие данные страницы или дополнить ее новой информацией, то воспользуйтесь возможностью технологии Dynamic HTML, поддерживаемой в W3C-совместимых браузерах. На первый взгляд задача не так уж и сложна: достаточно добавить новый узел, удалить старый или просто заменить часть уже существующей иерархической структуры документа. Большинство элементов объектов обладают соответствующими методами (детально они рассмотрены в главе 14). Если вам необходимо лишь добавить в документ новые данные, то достаточно создать элемент или текстовый узел. Объект document имеет для этого два специальных метода.

Метод document.createElement() позволяет создать в памяти совершенно новый объект. Чтобы в точности указать тип создаваемого элемента, подставьте имя дескриптора этого элемента в строковый параметр метода.

var newElem = document.createElement("р")

В процессе создания элемента можно добавить к нему специальные характеристики (назначить ему свойства), сделав это еще до включения элемента в конечный документ.

Как отмечалось в главе 4, многие объекты элементов в иерархической структуре имеют текстовое содержимое, заключенное между открывающими и закрывающими дескрипторами. В W3C DOM текстовое содержимое добавляется в результате создания нового текстового узла с помощью метода document.createTextNode().

var newText = document.createTextNode("Всем привет!")

Операция создания элементов и текстовых узлов сама по себе не приводит к изменению иерархической структуры документа. Чтобы вставить новые объекты в документ, вам необходимо воспользоваться дополнительными методами (глава 14). Детально с ней вы ознакомитесь в последней главе этой части (глава 12).