Ir para conteúdo

POWERED BY:

Arquivado

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

Formando

[Resolvido] estilo em javascript

Por , em Javascript

Recommended Posts

Formando    0

Formando
Postado

olá pessoal, to com um pequeno problema, estou criando elementos 'document.createElement("");', por exemplo:criei duas divs e quero por o mesmo estilo, como font, background, etc, nos dois, só que não estou conseguindo, ja tentei colocar ids iguais nos dois elementos criados para tentar chamar pelo seguinte codigo 'document.getElementById("id da div").style. ...', só que não deu certo, sera que alguem pode me ajudar, é meio que urgente!Muito obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

é errado dar IDs iguais, use class para isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não faz 'muito sentido', mas então crie IDs diferentes e duplique código, ou crie uma outra função que aplique os estilos, para o id que você passar.

e além do que, dá pra você usar class em Javascript tb.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

exemplo:

<html>
<head>
<script type="text/javascript">
window.onload = function()
{
	cria_div( 'primeira' );
	aplica_css( 'primeira', '#ff0' );
	cria_div( 'segunda' );
	aplica_css( 'segunda', '#f00' );
}
function cria_div( id_div )
{
	var el = document.createElement('div');
	el.id = id_div;
	document.body.appendChild( el );
}
function aplica_css( el, color )
{
	id( el ).style.height = '100';
	id( el ).style.width = '100';
	id( el ).style.background = color;
}
function id( el ){
	return document.getElementById( el );
}
</script>
</head>
<body>


</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

então você fez algo errado, pois aqui funcionou no IE6, Chrome3.0 e Firefox3.5

 

Crie um arquivo .html novo, cole exatamente o conteudo do meu post, e execute o arquivo(duplo clique ou rodando por um servidor web).

 

apareceu algum erro no console?

certeza que não criou 2 divs? uma embaixo da outra ?

 

online:

http://www.wbruno.com.br/scripts/cria_divs.html

Compartilhar este post

Link para o post
Compartilhar em outros sites

Formando    0

Formando
Postado

não apareceu nenhuma div,só aparece a pagina em branco e nenhum erro.

 

agora sim apareceu, muito obrigado, não entendi copiei o codigo do mesmo jeito que voce pos no seu post e não funcionou, funcionou o do link.vlw.

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