Добавляем...


Создание узлов
Теперь, зная, как перемещаться по дереву и получать доступ к элементам, можно обсудить возможности создания узлов и их вставки в дерево документа. DOM поддерживает несколько методов объекта Document для создания узлов (описание этих методов приводится в таблице).
Метод Описание Пример
createAttribute (имя) Создает для элемента атрибут с именем, указанным строкой имя. С существующими элементами (X)HTML используется редко, поскольку они имеют предустановленные атрибуты, к которым можно обращаться непосредственно myAlign = document.createAttribute ("align");
createComment (строка) Создает текстовый комментарий HTML/ ХМL вида <!— строка —>, где строка задает содержимое комментария myComment = document.createComment ("Это комментарий");
createDocumentFragment() Создает фрагмент документа, что позволяет выделить набор узлов для работы с ними myFragment ¦ document.createDocument Fragment () ; myFragment.appendChild (temp);
createElement (Тип) Создает элемент, тип которого задается значением строкового параметра тип myHeading = document.createElement ("hi");
createTextNode (строка) Создает узел текста, содержащий значение параметра строка newText = document.createTextNode ("Новый текст");
Замечание. Модель DOM уровня 1 поддерживает также методы document. createCDATASect ion (строка), document. createEntityReference (имя) и document. createProcessIn struct ion (цель, данные), но эти методы не следует использовать с типичными документами (X)HTML. Для этого браузеры должны поддерживать разделы CDATA, обеспечивая маскировку JavaScript.

Создавать узлы достаточно просто, если вы хорошо понимаете (X)HTML. Например, для создания абзаца можно использовать

newNode = document.createElement('р'); // создает абзац

Так же легко создать узел текста:

newText - document.createTextNode("Добавляемый текст.");

Но для того, чтобы решить реальную задачу, указанные объекты требуется объединить и вставить в нужное место документа. Пока что они просто размещались в памяти.


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика