С помощью метода createElement Вы можете создавать желаемые элементы.
Синтаксис:
document.createElement(имя_тэга)
| Параметры | Описание |
|---|---|
| имя_тэга | Является обязательным параметром. Указывает имя тэга элемента который будет создан. |
Пример
function createNewElement()
{
/* Создадим пустой абзац и добавим его в конец списка узлов потомков элемента с id='wrap' */
var p = document.createElement('p');
document.getElementById('wrap').appendChild(p);
/* Запишем в текстовый узел созданного абзаца произвольный текст */
document.getElementById('wrap').getElementsByTagName('p')[0].innerHTML=
'Я созданный с помощью скрипта абзац.';
}
function moveElement()
{
/* Переместим существующий элемент с id=he1 в конец списка потомков элемента с id=wrap */
document.getElementById('wrap').appendChild(document.getElementById('he1'));
}