Ho un seguente div statica:Come aggiungere un div in modo dinamico usando Dojo?
<body>
<div id="div1"></div>
....
voglio aggiungere un div con id "div1_1" all'interno div1 dinamico utilizzando dojo. Come posso farlo?
È possibile farlo utilizzando solo Dojo Base — alcuna necessità di includere qualsiasi cosa, se si utilizza il tronco o Dojo 1.3:
dojo.create("div", {id: "div1_1"}, "div1");
Questa linea crea un div con id "div1_1" e aggiunge all'elemento con ID "div1". Ovviamente è possibile aggiungere più attributi e stili in una volta — leggere tutto su di esso in the documentation for dojo.create().
dojo.html.set(dojo.byId("div1"), "<div id='div1_1'></div>");
Penso di aver bisogno di aggiungere dojo.request ("...") per dojo.html. Qual è il pacchetto? –
scusa, dovrebbe essere qualcosa come dojo.require (...) –
capito: dojo.require ("dojo.html"); –
var divNode = document.createElement("div");
divNode.id = "div1_1";
document.body.appendChild(divNode);
Questo è un buon modo, aiuta ad andare oltre qualche nodo fa riferimento a questioni in IE7 ed è possibile continuare ad utilizzare il riferimento al divNode tardi.
Uso di questo display un errore: Impossibile trovare il costrutto 'div'. –
divNodo, non div. – Dereckson
Un'altra opzione utilizzando flessibile 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 può anche essere utilizzato per la creazione di nuovi nodi.
Un esempio di utilizzo è il seguente;
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-costruiscono argomenti sono
è possibile controllare fuori la documentazione per ulteriori informazioni.
il div interno che preferisco è centrato verticalmente e orizzontalmente. –
Con Dojo 0.9+ o il precedente 0.4? – kazanaki