Pegar classes CSS de elemento

[@gilsones 4]

Boa tarde,

 

Vou começar com o código, depois explico

<style>

.vermelho .red { color:#F00; }

</style>

<div id="texto" class="red">Teste</div>

 

Preciso de algum código que pegue o ".vermelho .red" do elemento "texto".

 

Com o código:

document.getElementByTagName("style")[0].sheet.cssRules[0].selectorText

eu obtenho esse valor, mas preciso pegar direto pelo elemento.

 

Alguém consegue ajudar?

 

Obrigado

[pmmartinelli 13]

Recomendo que utilize a biblioteca JQuery para isso. Muito fácil de usar e extremamente poderosa.

 

Para fazer o que deseja, veja esta função JQuery: Get Attr JQuery: http://api.jquery.com/attr/

[@gilsones 4]

Eu já uso jQuery pra alguns trabalhos, mas nesse caso não dá, pois preciso pegar ".vermelho .red", e não só o valor do atributo 'class'.

 

preciso fazer como se fosse s funcionalidade do "Inspecionar elemento" (botão direito) do Chrome e alguns outros browsers.

[P@trique 0]

Veja:

 

document.getElementById('texto').className

[@gilsones 4]

isso também pegaria só oque está no atributo "class", ou seja, ele pegaria "red", e preciso que ele pegue como está no css, no caso ".vermelho .red"

 

 

Vou explicar diferente:

 

<style>
div, p { backgroud: blue; }
</style>

<div id="azul">Fundo Azul</div>

 

document.getElementbyId("azul").??????????

 

Preciso pegar com o javascript o valor "div, p", ou seja, o selector do CSS que esse elemento usa para ser estilizado.

Ou também pode ser o contrário, pelo document.styleSheets verificar qual(is) elementos estão usando tal estilo.

[William Bruno 1501]

Oi,

 

Com a função: getComputedStyle(), você consegue retornar os estilos atrelados ao elemento. Facilmente você encontra um fallback para ie dela.

Sobre o seletor e a cascata que afeta tal elemento, eu não me recordo de ter visto algo semelhante. Vou pensar.

[@fabiosantosrj 0]

Só por curiosidade, acho que o que você quer é isso:

<style>
.vermelho.red{
.........
}
</style>

[WictorP 9]

/* Pegar tudo */

document.defaultView.getComputedStyle(.vermelho .red);

/* Pegar só o background color */

document.defaultView.getComputedStyle(.vermelho .red).backgroundColor;