Menu
I have a the following static div:
<body>
<div id="div1"></div>
....
I want to add a div with id "div1_1" within div1 dynamically by using dojo. How can I do it?
594
You can do it using just Dojo Base — no need to include anything, if you use the trunk or Dojo 1.3:
dojo.create("div", {id: "div1_1"}, "div1");
This line creates a div with id "div1_1" and appends it to the element with id "div1". Obviously you can add more attributes and styles in one go — read all about it in the documentation for dojo.create().
68
Another option using flexible dojo.place:
dojo.place("<div id='div1_1'></div>", "div1", /*optional*/ "only");
// dojo 1.7+ (AMD)
var n = domConstruct.create("div");
// dojo < 1.7
var n = dojo.create("div");
dojo/dom-construct also can be used for creating new nodes.
A sample usage is as follows;
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 arguments are
you can checkout the documentation for more information.
39
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
