Справка по методам DOM объекта Документ – Ч.1 – методы createElement(), createElementNS(), createCDATASection(), createComment() и createTextNode()

Рубрика: DOM - Объектная Модель Документа

Здравствуйте, уважаемые посетители okITgo.ru! Сегодня я расскажу о DOM методах объекта Документ, служащих для создания различных типов узлов. На примерах покажу, как создать обычный узел элемента с помощью метода createElement(), а также узел элемента с указанием пространства имен (метод createElementNS()), как создать комментарий, используя метод createComment(), текстовый узел посредством метода createTextNode(), ну и наконец – как создать узел CDATA, который может содержать произвольный текст, который не будет подвержен разбору DOM парсером.


Справка по Объекту Документ Объект Документ

Метод createCDATASection()

Определение и Использование

Метод createCDATASection() создает узел секции CDATA.

Этот метод возвращает объект Секция CDATA.

Синтаксис

createCDATASection(data)

Параметр Описание
data Строка, которая указывает данные для узла


Пример

Следующий фрагмент кода загружает "books.xml" в xmlDoc, используя loadXMLDoc() и добавляет узел секции CDATA к элементу <book>:

Пример

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName(‘book’);
var newCDATA,newtext;

newtext="Специальное Предложение & Распродажа Книг";

for (i=0;i<x.length;i++)
{
newCDATA=xmlDoc.createCDATASection(newtext);
x[i].appendChild(newCDATA);
}

Попробуйте сами »


Справка по Объекту Документ Объект Документ

Метод createComment()

Определение и Использование

Метод createComment() создает узел комментария.

Этот метод возвращает объект Комментарий.

Синтаксис

createComment(data)

Параметр Описание
data Строка, которая указывает данные для узла


Пример

Следующий фрагмент кода загружает "books.xml" в xmlDoc с помощью loadXMLDoc() и добавляет узел комментария к элементу <book>:

Пример

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName(‘book’);
var newComment,newtext;
newtext="Пересмотрено в Апреле 2008";

for (i=0;i<x.length;i++)
{
newComment=xmlDoc.createComment(newtext);
x[i].appendChild(newComment);
}

Попробуйте сами »


Справка по Объекту Документ Объект Документ

Метод createElement()

Определение и Использование

Метод createElement() создает узел элемента.

Этот метод возвращает объект Элемент.

Синтаксис

createElement(name)

Параметр Описание
name Строка, которая указывает имя для узла элемента


Пример

Следующий фрагмент кода загружает "books.xml" в xmlDoc, применяя loadXMLDoc(), и добавляет узел элемента с узлом, содержащим текст, к каждому элементу <book>:

Пример

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName(‘book’);
var newel,newtext;

for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement(‘edition’);
newtext=xmlDoc.createTextNode(‘Первое’);
newel.appendChild(newtext);
x[i].appendChild(newel);
}

Попробуйте сами »


Справка по Объекту Документ Объект Документ

Метод createElementNS()

Определение и Использование

Метод createElementNS() создает узел элемента с пространством имен.

Этот метод возвращает объект Элемент.

Синтаксис

createElementNS(ns,name)

Параметр Описание
ns Строка, указывающая название пространства имен для узла элемента
name Строка, определяющая имя узла элемента


Пример

Следующий фрагмент кода загружает "books.xml" в xmlDoc посредством loadXMLDoc() и добавляет узел элемента с пространством имен к каждому элементу <book>:

Пример

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName(‘book’);
var newel,newtext;

for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElementNS(‘p’,’edition’);
newtext=xmlDoc.createTextNode(‘Первое’);
newel.appendChild(newtext);
x[i].appendChild(newel);
}

Попробуйте сами »


Справка по Объекту Документ Объект Документ

Метод createTextNode()

Определение и Использование

Метод createTextNode() создает текстовый узел.

Этот метод возвращает объект Текст.

Синтаксис

createTextNode(text)

Параметр Описание
text Строка, содержащая текст для создаваемого узла


Пример

Следующий фрагмент кода загружает "books.xml" в xmlDoc, используя loadXMLDoc(), и добавляет узел элемента с узлом, содержащим текст, к каждому элементу <book>:

Пример

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName(‘book’);
var newel,newtext;

for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement(‘edition’);
newtext=xmlDoc.createTextNode(‘Первое’);
newel.appendChild(newtext);
x[i].appendChild(newel);
}

Попробуйте сами »


Справка по Объекту Документ Объект Документ

Один отзыв на «Справка по методам DOM объекта Документ – Ч.1 – методы createElement(), createElementNS(), createCDATASection(), createComment() и createTextNode()»

  1. VideoPortal пишет:

    Традиционный DOM давал возможность подтверждения формы с клиентской стороны и популярный эффект «трансформации объекта».