Ir para conteúdo

POWERED BY:

Arquivado

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

Romuelo

P> Como mudo as propriedades de um class com JS?

Recommended Posts

Eu já copiei esse código de algum lugar mas não consegui encontrar.

 

Tenho estes classnames abaixo e gostaria de alterar as propriedades deles. Como faço sem usar o getElementById e seus similares?

<style>

.PJ {

display: block;

}

 

.PF{

display: none;

}

</style>

Compartilhar este post


Link para o post
Compartilhar em outros sites

document.getElementById("id_do_elemento").className = "nome_da_classe";

 

Abraços...

Compartilhar este post


Link para o post
Compartilhar em outros sites

:blink:

Como faço sem usar o getElementById e seus similares?

Adoro ler errado.. ¬¬ IUGAIIUHAiuhIUAHiuHAIuhiUHAIuhIHAiuhIAUHihIAuhiUHAIuhiHAiuhIAUHihIAhiAHIHA

 

 

Foi mal..... =(

 

Cara.. mudar a classe de algum objeto sem ser pelo "document.getElementById"... pelo q eu sei é só pelo "document.form.objeto.className = nomedaclasse".. mas da a mesma coisa que o getElementById....

 

 

Sem ser por isso.. eu particularmente nao conheço...

 

 

ABraços...

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Vlw mesmo assim.

Como eu havia dito seria algo como dar ao

(...)classname['PJ'].display = none;

(...)classname['PF'].display = block;

 

mas eu não me lembro como q fazia isso.

através desta declaração eu posso esconder blocos descontíguos sem me preocupar com os getElement...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu já copiei esse código de algum lugar mas não consegui encontrar.

 

Tenho estes classnames abaixo e gostaria de alterar as propriedades deles. Como faço sem usar o getElementById e seus similares?

<style>

.PJ {

display: block;

}

 

.PF{

display: none;

}

</style>

Tenta algo como :

 

function changeIt() {
	if (!document.styleSheets) return;
	var theRules = new Array();
	if (document.styleSheets[1].cssRules)
		theRules = document.styleSheets[1].cssRules
	else if (document.styleSheets[1].rules)
		theRules = document.styleSheets[1].rules
	else return;
	theRules[theRules.length-1].style.backgroundColor = '#EEF0F5';
}

Ou então de uma olhadinha na url :http://www.quirksmode.org/dom/changess.html

Ou pesquise sobre styleSheets setProperty no google. Talvez encontre o que procure.

 

Saudações,

 

Bruno Souza

http://www.brunosouza.com.br/css/referenciacss.html

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.