如何使用Dojo在Div中动态添加Dojo按钮?

如何使用Dojo在Div中动态添加Dojo按钮?,dojo,Dojo,我在以下静态div中有一个示例: <body> <div id="parent"> </div> </body> <script> dom.byId('parent').innerHTML +="<input type='submit' data-dojo-type='dijit/form/Button' onClick='test(this)' id='edit"+1+"' label

我在以下静态div中有一个示例:

    <body>
      <div id="parent">

    </div>
    </body>

<script>
  dom.byId('parent').innerHTML +="<input type='submit' data-dojo-type='dijit/form/Button' onClick='test(this)' id='edit"+1+"' label='Edit' />";
  dom.byId('parent').innerHTML +="<input type='submit' data-dojo-type='dijit/form/Button' onClick='test(this)' id='edit"+2+"' label='Edit' />";

</script>

dom.byId('parent')。innerHTML+=“”;
dom.byId('parent')。innerHTML+=“”;

创建了两个按钮,但它们看起来像普通的HTML而不是DOJO

最短的答案是:


在行动中看到它:

最短的答案是:


在操作中查看它:

no,在no中检查控制台输出,在
var parent1 = dom.byId("parent1");
parent1.innerHTML += '<input type="submit" data-dojo-type="dijit/form/Button" onClick="test(this)" id="edit1" label="Edit 1">';
parent1.innerHTML += '<input type="submit" data-dojo-type="dijit/form/Button" onClick="test(this)" id="edit2" label="Edit 2">'; 
parser.parse(parent1);
var parent2 = dom.byId("parent2");

var button3 = new Button({ label: "Button 3" });
button3.startup();
button3.placeAt(parent2);
button3.on("click", test);

var button4 = new Button({ label:"Button 4"});
button4.startup();
button4.placeAt(parent2);
button4.on("click", function(event) {
    test(this); // `this` points to the button
});