Ir para conteúdo

POWERED BY:

Arquivado

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

Mr Crowley

[resolvido]JS - Criar um element DIV e definir o estilo dele

Recommended Posts

ola pessoal

eu queria saber se é possivel criar uma elemento DIV e depois definir o estilo dele, e nao ficar setando cada parte do estilo individualmente

por exemplo, eu tenho esse codigo

 

 

elemento_div = document.createElement("DIV"); // cria uma tag div
elemento_div.style.padding="5px 10px 5px 10px";
porem, eu vou ter que ficar definindo estilo por estido dessa maneira

 

eu queria passar direto o estilo do css pro DIV

 

eu tentei fazer isto

elemento_div = document.createElement("DIV"); // cria uma tag div
elemento_div.className('texto');

porem me da erro, fala que nao existe a funcao

existe a funcao pra passar o estilo do css pro elemento DIV ou o que estou fazendo de errado?

 

tirando ja montar a estrutura dentro do CSS para aplicar os estilos "sozinho", existe outra alternativa pra isso?

 

abs

T+

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mr Crowley,

className é uma propriedade não um metodo, então ao invés de :

 

obj.className('nomeCssClass');

Escreva:

 

obj.className = 'nomeCassClass';

Sobre o que você quer, inserir um style inline, acho que fazendo assim possa funcionar:

 

obj.appendAttribute('style', 'color:red;font-size: 8em');

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mr Crowley,

className é uma propriedade não um metodo, então ao invés de :

 

obj.className('nomeCssClass');

Escreva:

 

obj.className = 'nomeCassClass';

Sobre o que você quer, inserir um style inline, acho que fazendo assim possa funcionar:

 

obj.appendAttribute('style', 'color:red;font-size: 8em');

obj.appendAttribute('style', 'color:red;font-size: 8em');
desta forma realmente funciona, porem, como disse, eu queria usar o CSS, pq vai que amanha passa um cometa halem e o chege resolve deixar vermelho por que achou melhor, ai ja viu..ficar casando la e aqui, é complicado

alias...existe constante em JS?

 

elementoDiv.className = "texto";

assim funcionou, obrigado.

entendeu o que fiz errado, eu tenho a seguinte funcao

 

function getID(id) {
	return document.getElementById(id);
}
...
function setIDClass(id,classNome) {
	return getID(id).className = classNome;
}

como sao coisas diferentes deu erro, caquinha minha mesmo

 

obrigado pela ajuda

abs

T+

Compartilhar este post


Link para o post
Compartilhar em outros sites

alias...existe constante em JS?

Até a versão 1.6 não, porém pelo que li na nova especificação (2.0) é previsto implementação.

Compartilhar este post


Link para o post
Compartilhar em outros sites

alias...existe constante em JS?

Até a versão 1.6 não, porém pelo que li na nova especificação (2.0) é previsto implementação.

 

bem, neste caso entao, e melhor nao usar :s

obrigado

 

abs

t+

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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