HTML+CSS+JavaScript

добрый вечер. Есть структура типа:

<div id='mainblock'>    <div id='childblock1'>blablabla</div>    <div id='childblock2'>bsbab</div> </div>

. Как динамически добавлять div-ы в блок? Ну то есть <div id='childblock3'><div id='childblock4'> и т.д. в mainblock? Спасибо.

И зачем это?
Динамически добавляют что-то, куда пользователь может что-то вписать - инпуты там, или текстареа... чтобы потом вписанное передать на обработку.
Нафига, спрашивается, динамически добавлять то, что пользователю недоступно для изменения?

Разумнее изначально прорисовать все DIV'ы вместе с их содержанием прямо в HTML-коде, только сделать их невидимыми - style="display: none" - и по нажатию на что-то (где будет надпись "Показать следующее") делать следующий DIV видимым - style="display: block"

Если DIV'ов много (и/или они большие по контенту), то только в этом случае добавлять можно с сервера - а это уже не чистый Javascript, а "смесь" его с серверной программой. Пользуйте поиск с ключевым словом AJAX.

http://www.ibm.com/developerworks/ru/library/wa-ajaxintro5/index.html

[поправлено модератором]