crear div dinamicamente

[Lanix_0]

HOla foreros,

tengo esta duda espero me puedadn ayudar,

Supongamos que creo un div con jquery

Código Javascript:

$('body').append('<div></div>');
 

Sin problemas.

ese objeto div no se puede guardar ne una variable ??

la intencion es crear varios divs y dinamicamente sin necesidad de agregarles un numero de id,

como por ejemplo en jquery ui peudes abrir varios dialogs y siempre sabe cuan el que hay que cerrar no se confunde con los demans dialogs abiertos.

espeor si me haya explicado
jejeje muchas gracias

[Albuss]

Creas el div y lo agregas al body con el metodo appendchild() , luego si quieres guardar ese id en una variable , lo que tienes que hacer es (todo esto sin nada de jquery, js puro y duro) :

Código Javascript:

var Midiv = document.getElementById('id');
 

Lo vuelvo a repetir, para cosas basicas, frameaworks como Jquery os complicarán mucho las cosas, la simplificacion de algo banal no es el objetivo de estos frameworks.

[rosonator]

si va crearlo dinámicamente no tendrá que buscarlo:

var tuDiv = document.createElement("div");

[Albuss]

Iniciado por rosonator

si va crearlo dinámicamente no tendrá que buscarlo:

var tuDiv = document.createElement("div");

No seria funcional, no esta agregado a la jerarquia DOM, los div se han de agragar al body o a cualquier hijo del body. Como he dicho arriba para que este integrado y aparezca en el documento html.

[Diego89]

Aquí te dejo un pequeño ejemplo de como lo harías con jQuery: http://jsfiddle.net/BqTFy/

Código Javascript:

var $div = $('<div id="idDiv" />');
$div.css({
    height: '200px',
    width: '200px',
    background: 'red'
});
 
$("body").append($div);
&#8203;