2009-03-26 7 views
5

У меня есть следующий статический DIV:Как добавить div динамически с помощью Dojo?

<body> 
    <div id="div1"></div> 
.... 

Я хочу добавить DIV с идентификатором «div1_1» в див1 динамически с помощью додзё. Как мне это сделать?

+0

Внутренний div Я предпочитаю центрировать по вертикали и по горизонтали. –

+0

С Dojo 0.9+ или старше 0,4? – kazanaki

ответ

12

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

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

Эта линия создает DIV с идентификатором «div1_1» и присоединяет это к элементу с id "div1". Очевидно, вы можете добавить больше атрибутов и стилей за один раз. — все это прочитали в the documentation for dojo.create().

0
dojo.html.set(dojo.byId("div1"), "<div id='div1_1'></div>"); 
+0

Мне кажется, мне нужно добавить dojo.request ("...") для dojo.html. Что такое пакет? –

+0

извините, это должно быть что-то вроде dojo.require (...) –

+0

получил: dojo.require ("dojo.html"); –

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

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

+0

Использование этого дисплея Ошибка: Не удается найти конструкцию «div». –

+0

divNode, а не div. – Dereckson

4

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

dojo.place("<div id='div1_1'></div>", "div1", /*optional*/ "only"); 
3
// dojo 1.7+ (AMD) 
var n = domConstruct.create("div"); 
// dojo < 1.7 
var n = dojo.create("div"); 
2

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())); 
}); 

додзё/дом-строить аргументы

  1. тег (ДИВ, ч, IMG, литий и т.д.)
  2. атрибуты (новые узлы атрибутов)
  3. опорный узел (где разместить новый узел)
  4. положения (по умолчанию последнего)

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

Смежные вопросы