Метод | Описание |
createElement(имя_элемента); | Создает новый узел элемента с указанным именем |
createTextNode(текст); | Создает текстовый узел с указанным текстом |
createAttribute(имя_атрибута); | Создает новый узел атрибута с указанным именем |
Вновь созданные объекты добавляются в структуру документа при помощи методов объекта Node
Методы объекта Node, добавляющие и удаляющие элементы документа
Метод | Описание |
appendChild(новый_узел); | Добавляет объект Node в конец списка узлов-потомков |
cloneNode(потомок-опция); | Создает объект Node, идентичный указанному в аргументе. В качестве аргумента можно использовать и все узлы-потомки одновременно |
hasChildNodes(); | Возвращает true, если узел имеет потомков |
insertBefore(новый_узел, текущий_узел); | Вставляет объект Node в список потомков перед узлом, указанным в качестве второго параметра |
removeChild(узел-потомок); | Удаляет узел-потомок, указанный в качестве параметра |
replaceChild(новый_потомок, старый_потомок); | Заменяет старого потомка на нового |
Пример динамической генерации документа средствами DOM.
|
|
<html><head><title>Пример динамической генерации документа</title></head>
<body>
<script language = "JavaScript">
var newText;
var newElem;
newText = document.createTextNode("Пример
динмического создания HTML-документа");
newElem = document.createElement("H1");
newElem.appendChild(newText);
document.body.appendChild(newElem);
newText = document.createTextNode("Абзац");
newElem = document.createElement("P");
newElem.appendChild(newText);
document.body.appendChild(newElem);
</script></body></html>
Для чтения и установки атрибутов используются следующие методы объекта Element.