criar div dentro de outra div

[Formando 0]

olá pessoa,gostaria de saber como criar uma div dentro de outra div com javascript.

ex:

 

<script>

var div = document.creatElement('div');

<script>

 

<div id="div" name="div"></div>

 

é assim?Como continuar?

[Thiago Retondar 18]

Só usar appendChild:

 

window.onload = function(){
	var box = document.getElementById("box");
	box.onclick = function(){
		var div  = document.createElement("div");
		div.innerHTML = "Div criada pelo JavaScript ^^"
		this.appendChild(div);
	};
};

Teste esse código, com este HTML:

 

<div id="box"></div>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Formando 0]

muito obrigado, mas assim cria um monte de divs iguais, eu queria por exemplo:

tenho cinco botões, quando eu clicasse no botão1 abrisse a div com uma informação, quando eu clicasse no botão2 abrisse outra div com outra informação, entendeu?, desse jeito mesmo que voce fez mas com mais variedade de div.Obrigado!.

[Thiago Retondar 18]

Eu te dei a vara e a isca, agora pesque! http://forum.imasters.com.br/public/style_emoticons/default/natal_tongue.gif

 

Tente fazer algo aí e nos mostre. Desenvolva a lógica.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Henrique Barcelos 290]

Pö companheiro... se quer pronto, procure na área de oferta de empregos...

 

Tente fazer e poste suas dúvidas...

 

O código que o Thiago postou já da uma boa base...

 

Se você quer que cada botão faça algo diferente, vai ter que fazer uma função para cada:

elemento1.onclick = funcao1;
elemento2.onclick = funcao2;

E por aí vai...

[Formando 0]

to meio inseguro no javascript, sempre que tento fazer uma coisa da errado, mas obrigado pelo sermão ,vou tentar ,qualquer duvida eu pergunto.vlw.

[Thiago Retondar 18]

Você pode debugar seu código: pode usar desde alert() para voltar os valores e ver se está funcionando, até extensões como o Firebug ou Developer Tools do Google Chrome e Safari.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Formando 0]

tenho uma pergunta, como faço para fazer com que as divs sejem adicionas um do lado da outra, tentei isso aqui:

div.style.styleFloat="left";

é o certo?

comigo não funcionou.Obrigado.

[Thiago Retondar 18]

Não. O certo seria:

 

div.style.float = "left"

Mas não precisa fazer isso. Você pode definir normalmente no CSS e apenas criar as div com JavaScript.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif