Как динамически добавить div с помощью Dojo?

Вы можете сделать это, используя только Dojo Base, не нужно ничего включать, если вы используете магистраль или Dojo 1.3:

dojo.create("div", {id: "div1_1"}, "div1");

Эта строка создает div с идентификатором «div1_1» и добавляет его к элементу с идентификатором «div1». Очевидно, что вы можете добавить больше атрибутов и стилей за один раз, прочитайте все об этом в документации для dojo.create() .

Другой вариант использования гибкого dojo.place:

dojo.place("<div id='div1_1'></div>", "div1", /*optional*/ "only");

dojo/dom-construct также можно использовать для создания новые узлы.

Пример использования следующий;

require([ "dojo/dom-construct", "dojo/_base/window" ], function(
        domConstruct, win) {
    // creates a new div and append it as the last child of the body
    domConstruct.create("div", null, win.body()));
});

Аргументы dojo/dom-construct

1. тег (div, h, img, li и т. д.)
2. атрибуты (новые атрибуты узлов)
3. опорный узел (где разместить новый узел)
4. позиция (по умолчанию последняя)

вы можете проверить документацию для получения дополнительной информации.

var divNode = document.createElement("div");
divNode.id = "div1_1";
document.body.appendChild( divNode );

Это хороший способ, он помогает обойти некоторые проблемы со ссылками на узлы в IE7, и вы можете продолжить использовать ссылку на divNode позже.