Tengo el siguiente div estática:¿Cómo agregar un div de forma dinámica usando Dojo?
<body>
<div id="div1"></div>
....
Quiero añadir un div con id "div1_1" dentro div1 dinámicamente mediante el uso de dojo. ¿Cómo puedo hacerlo?
Puede hacerlo utilizando sólo Dojo Base — hay necesidad de incluir cualquier cosa, si se utiliza el tronco o Dojo 1.3:
dojo.create("div", {id: "div1_1"}, "div1");
Esta línea crea un div con id "div1_1" y anexa al elemento con id "div1". Obviamente, puede agregar más atributos y estilos de una sola vez —, lea todo al respecto en the documentation for dojo.create().
dojo.html.set(dojo.byId("div1"), "<div id='div1_1'></div>");
Creo que necesito agregar dojo.request ("...") para dojo.html. ¿Cuál es el paquete? –
lo siento, debería ser algo así como dojo.require (...) –
lo tengo: dojo.require ("dojo.html"); –
var divNode = document.createElement("div");
divNode.id = "div1_1";
document.body.appendChild(divNode);
Esta es una buena manera, ayuda a conseguir más allá de algún nodo referencia a temas en IE7 y se puede seguir utilizando la referencia a la divNode más tarde.
Uso de esta pantalla un error: No se puede encontrar la construcción 'div'. –
divNode, no div. – Dereckson
Otra opción usando flexibles 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 también se puede utilizar para la creación de nuevos nodos.
Un uso de muestra es el siguiente;
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-construyen argumentos son
se puede comprobar la documentación para más información.
el div interno que prefiero se centra vertical y horizontalmente. –
Con Dojo 0.9+ o el antiguo 0.4? – kazanaki