[RESOLVIDO] Mudar propriedade de classe com js

Front-end
#1

Pessoal preciso mudar APENAS A PROPRIEDADE de uma classe.

.centralizar{
width:995px;
}

para width:1165px com JAVASCRIPT, com document.ElementByClass(“centralizar”).width não da certo .

Alguma dica, por favor?

#2

Pode ser com Jquery?

porque a sintext é essa:

#3

Não da MayogaX, tem que ser em javascript por que gera um conflito no chrome usando junto com callback.
Por isso tem que ser em javascript.

#4

Algo desse tipo ??

http://jsfiddle.net/MMA7N/

Eu tive que definir um id para o div porque existe um getElementsByClassName, mas infelizmente nao tem suporte em browsers mais antigos. Mas testa meu exemplo e veja se eh o que vc esta querendo fazer. :slight_smile:

//Daniel

#5

Oi Daniel,
O problema é que o código não tem um id,

, e não posso mexer no css, apenas posso manipula-lo com js.
Por isso que ta complicado.
getElementsByClassName também não ta funcionando.
Mais valeu.
#6

[quote=daniweb]Oi Daniel,
O problema é que o código não tem um id,

, e não posso mexer no css, apenas posso manipula-lo com js.
Por isso que ta complicado.
getElementsByClassName também não ta funcionando.
Mais valeu.

[/quote]

Voce pode fazer assim, nao eh uma boa pratica, mas funciona:

var b = document.getElementById("btnChange");
b.onclick = function(event) {
    var divs =document.getElementsByTagName("div"); // pega todos os divs
    for(var i=0;i<=divs.length;i++) {
        if(divs[i].className == "mydiv") { // se tem uma class especifica (no seu caso centralizar), muda a propriedade width.
            divs[i].style.width = "100px";            
        }
    }
};

Exemplo atualizado aqui : http://jsfiddle.net/MMA7N/3/

//Daniel

#7

[quote=daniweb]Pessoal preciso mudar APENAS A PROPRIEDADE de uma classe.

.centralizar{
width:995px;
}

para width:1165px com JAVASCRIPT, com document.ElementByClass(“centralizar”).width não da certo .

Alguma dica, por favor?[/quote]

você escreveu o método de forma errada. o correto seria algo ± assim:

mas isso não vai adiantar no seu caso, pois altera diretamente o valor dos objetos, e não os valores da sua propriedade CSS.

#8

Eu já tinha tentando: document.getElementsByClassName(“centralizar”).style.width = “1165px”; e não da certo.

Consegui da maneira como o Daniel colocou.
var divs =document.getElementsByTagName(“div”);
for(var i=0;i<=divs.length;i++) {
if(divs[i].className == “centralizar”) {
divs[i].style.width = “1165px”;
}
}
};

Obrigada pela força! :smiley:

#9