5

次の静的 div があります。

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

dojo を使用して、div1 内に id "div1_1" の div を動的に追加したいと考えています。どうすればいいですか？

4

6 に答える 6

13

Dojo Base だけを使用して実行できます。トランクまたは Dojo 1.3 を使用する場合は、何も含める必要はありません。

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

この行は、ID「div1_1」の div を作成し、ID「div1」の要素に追加します。明らかに、一度にさらに多くの属性とスタイルを追加できます — dojo.create() のドキュメントですべてを読んでください。

于 2009-03-27T05:49:47.663 に答える
4

柔軟なdojo.placeを使用する別のオプション:

dojo.place("<div id='div1_1'></div>", "div1", /*optional*/ "only");
于 2012-03-20T14:00:40.533 に答える
3 
// dojo 1.7+ (AMD)
var n = domConstruct.create("div");

// dojo < 1.7
var n = dojo.create("div");
于 2012-04-07T08:55:43.283 に答える
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()));
});

dojo/dom-construct の引数は

  1. タグ (div、h、img、li など)
  2. 属性 (新しいノードの属性)
  3. 参照ノード (新しいノードを配置する場所)
  4. 位置 (デフォルトは最後)

詳細については、ドキュメントをチェックアウトできます。

于 2014-05-23T14:53:38.863 に答える
0 
dojo.html.set(dojo.byId("div1"), "<div id='div1_1'></div>");
于 2009-03-26T20:37:44.150 に答える