Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Camerata

[Resolvido] Criar uma div em JS

Por , em Javascript

Recommended Posts

Camerata    0

Camerata
Postado

Olá amigos tentei fazer um script que criasse uma div na página assim:

<html>
<head>
<title>Cria Div</title>
<script>


function cria_div(){

	var newdiv = document.createElement('div');
	newdiv.setAttribute('id', "nova_div");
	
	newdiv.style.width = 300;
	newdiv.style.height = 300;
	newdiv.style.position = "abosulute";
	newdiv.style.background = "#00C";
	newdiv.style.border = "4px solid #000";

	document.body.appendChild(newdiv);
	//document.write(newdiv); // apaga a página toda
	
}

</script>
</head>
<body onload="cria_div()">

Porém não funcionou.

O que devo fazer para conseguir o resultado que quero?

 

Desde já obrigado!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cara, está tudo correto.

Testei no IE6 e funcionou tb.

<html>
<head>
<title>Cria Div</title>
<script>
function cria_div(){

	var newdiv = document.createElement('div');
	newdiv.setAttribute('id', "nova_div");

	newdiv.style.width = '300px';
	newdiv.style.height = '300px';
	//newdiv.style.position = "abosulute";
	newdiv.style.background = "#00C";
	newdiv.style.border = "4px solid #000";

	document.body.appendChild(newdiv);
	//document.write(newdiv); // apaga a página toda
}
window.onload = function(){
	cria_div();
}
</script>
</head>
<body>



</body>
</html>
qual foi o seu problema ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Camerata    0

Camerata
Postado

Poxa Willian, me desculpa foi falta de atenção minha.

Minha página tinha um conteúdo enorme e eu estava esperando a div no topo...

 

Desculpa, e muito obrigado pela atenção.

 

Um abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Tranquilo cara... qndo vi o teu código, lembrei de um que fiz um tempo atrás..

http://forum.imasters.com.br/index.php?/topic/385966-estilo-em-javascript/page__view__findpost__p__1500906

 

mesma coisa, só que com outra implementação...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Só uma coisa que gostaria de chamar atenção:

 

no código no Bruno ele declarou 'px' para height e width - o que é correto - e no seu não foi declarado a medida. Isso pode ter trazido problema, também. ;)

 

Uma outra coisa: se for criar mais de uma div só com essa função, cuidado para não repetir o id.

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito