Создание объектов документа
Логичным продолжением работы с объектами, является манипулирование ими. Создание объектов документа - об этом и пойдет речь в этой статье.
Общую логику создания объектов можно описать следующими действиями:
- Создание объекта документа
- Установка свойств объекта
- Добавление объекта в структуру документа
Если не углубляться в подробности, то существует два типа объектов, наиболее часто употребляемых: элементы HTML и текстовые надписи. Элементы HTML - это всяческие ссылки (тэг A), изображения (тэг IMG) и т.д. А бОльшая часть текстовой информации - есть текстовые надписи. На примере: объект "ссылка" (тэг A) состоит из двух объетов - собственно элемент ссылки и текстовая надпись (или любой другой объект, нажатие на которые вызывает переход к другому ресурсу).
Для начала мы создадим простейший объект документа - текстовую надпись:
var Doc:Variant;
TextNode:Variant;
{Инициализация документа}
Doc:=WebBrowser1.Document;
{Создание текстового объекта}
TextNode:=Doc.createTextNode('Hello World!!!');
{Добавление текстового объекта к документу}
Doc.body.appendChild(TextNode);
Как видно, в создании текстовой надписи нет ничего сложного. Создали объект, с определенным текстом, добавили в структуру документа. Обратите внимание, что добавление осуществляется к объекту документа "body", который в свою очередь является объектов документа.
Теперь рассмотрим создание составного объекта - ссылки. Здесь тоже нет ничего сложного.
var Doc:Variant;
TextNode:Variant;
Node1:Variant;
{Инициализация документа}
Doc:=WebBrowser1.Document;
{Создание ссылки, элемента "a"}
Node1:=Doc.createElement('a');
{Создание текстового объекта}
TextNode:=Doc.createTextNode('This Is A Link');
{Связывание ссылки и текста}
Node1.appendChild(TextNode);
{Установка URL ссылки}
Node1.href:='http://www.landgraph.ru/';
{Добавление ссылки к документу}
Doc.body.appendChild(Node1);
Заключение
С помощью таких не хитрых манипуляций возможно формирование содержания документа "на лету" без применения веб-серверов. Продолжение следует...