Como manipular atributos de class?

[e3tadashi 0]

Olá galera!

 

Alguem sabe como manipular o Css de classes?

 

Pra id eu uso:

 

document.getElementById('nome_da_id').style.cssText = "atributo_css"

Qual é o análogo pra mexer nos atributos de uma classe?

 

Abraços!!

[William Bruno 1501]

el.className = 'talClass';

[e3tadashi 0]

Não quero mudar o nome da class.

 

Quero mudar os atributos css dela.

[William Bruno 1501]

a função:

 

getElementsByClassName() te retorna um array.

Itere com um loop por esse array, e então altere oque quiser elemento a elemento. Da mesma forma q você faz com ID.

 

 

Você está fazendo uma abordagem esquisita. É muito mais performático não alterar valores css com js. Mas sim com o próprio css.

[e3tadashi 0]

Humm...

 

Se eu tiver vários elementos de classes diferentes, e quiser fazer um botão de select que faça apenas uma classe ser visível e as demais não, mudando dinamicamente o css por comando do usuário, sem recarregar a página, vcs fazem como?

[William Bruno 1501]

Depende de como é a sua aplicação. Mas um exemplo doque você disse, é isso aqui:

 

http://wbruno.com.br/2010/07/28/ocultarmostrar-elementos-apartir-de-radio-select/

 

Eu use um .style.display, mas poderia ser adicionando uma classe: "is-hidden" ao elemento, q essa sim no css teria a propriedade para esconder.