LazyDay
10/5/2017 - 9:49 PM

JS - Создание динамических элементов

var p = document.createElement("p"); // создаем элемент 
var text = document.createTextNode("test"); // создаем текстовый узел 
p.appendChild(text); // вставляем текстовый узел в элемент

var body = document.getElementsByTagName("body"); // ищем body 
body[0].appendChild(p);

p.innerHTML = 'Это динамично созданный элемент'; //создать html

wrappedP.parentNode.removeChild(wrappedP); //удалить узел

elem.appendChild(content); //вставить узел в другой 
elem.setAttribute('id', 'mrDynamic'); //поставить атрибут элементу 
elem.id = 'mrDynamic';

wrappedP.parentNode.appendChild(elem); 
wrappedP.parentNode.insertBefore(elem, wrappedP); //вставить элемент перед другим 
wrappedP.parentNode.replaceChild(elem, wrappedP); //заменить один элемент другим