Ir para conteúdo

POWERED BY:

Arquivado

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

felipedrumond

Ler atributos CSS de um campo através de Javascript

Recommended Posts

Olá pessoal. Estou precisando ler as propriedades css de um campo (que possui uma class="abc") através de Javascript. Algo do tipo:// CSS.CssCaptionStyle{ font-family: Tahoma; font-size: 11px; color: #000000; font-weight: bold;}function teste(){ originalBackground = Form.txtNome.color; alert(originalBackground);}Como posso ler as propriedades da class que o campo usa?Vlw!

Compartilhar este post


Link para o post
Compartilhar em outros sites

No caso do background:

function teste(){var originalBackground = document.getElementById("txtNome").style.background;alert(originalBackground);}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi amigo. Isso não funciona. Background não é uma propriedade preenchida. O campo está utilizando as propriedades do CSS que eu especifiquei. O código que você escreveu retorna string.empty :-( Mas vlw. Possui outra idéia?!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Achei isso akee:

var e=document.getElementById('id_do_elemento');var cs=document.defaultView.getComputedStyle(e,null);var bg=cs.getPropertyValue('background-color'); //NÃO FUNCIONA NO IEvar bg_ie=e.currentStyle['backgroundColor']; //FUNCIONA NO IE
Não testei, mas eh pra funfa ^_^

Compartilhar este post


Link para o post
Compartilhar em outros sites

utilize

......style.backgroundColor

 

uma boa dica é:

var pt = document.getElementById ("campo");for (a in pt.style)   document.write (a + "<br">);

Compartilhar este post


Link para o post
Compartilhar em outros sites

Perfeito. VLW!Agora... Vi que tem como pegar o estilo usado no controle comvar cs = document.defaultView.getComputedStyle(control,null); // NAO IEecontrol.currentStyle; // no IE...Mas como posso fazer para aplicar um estilo ao controle, por JS?!Vlw!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Perfeito. VLW!Agora... Vi que tem como pegar o estilo usado no controle comvar cs = document.defaultView.getComputedStyle(control,null); // NAO IEecontrol.currentStyle; // no IE...Mas como posso fazer para aplicar um estilo ao controle, por JS?!Vlw!

Da pra trocar a classe:
document.getElementById("id").className="nome_da_classe_css";
Ou um estilo específico:
document.getElementById("id").style.propriedade_a_alterar = "valor";
[]'s

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.