Здравствуйте!
Подскажите пожалуйста, как в JavaScript(без использования jQuery и пр. библиотек) вставить такой html блок:
<div id="id1">
<span class="class1"> Текст1 </span>
</div>
Вставить нужно в конец блока main:
<div id="main">
<div id="id2">
<span class="class2"> Текст2 </span>
</div>
</div>
Пробую сделать так:
var main= document.getElementById("main");
main.appendChild('<div id="id1"><span class="class1"> Текст1 </span> </div>');
Но возникает ошибка.
Видимо нужно DIV создать через CreateElement
, ему усановить setAttribute("id", "id1")
, и затем через .InnerHTML
добавить <span class="class1"> Текст1 </span>
. Это как-то сложно. Можно ли сделать проще?
Спасибо!