Javascript e gli attributi del CSS

[Igreo]

In pratica sto cercando di cancellare tutte le immagini .png per i browser IE inferiori a 7.
La soluzione ottimale è inserire a fine pagina uno script simile

<!--[if lt IE 7]>
<script type="text/javascript">// <![CDATA[
for(var itag = 1; itag <= document.getElementsByTagName('*').length; itag++)
{
if (document.getElementsByTagName('*')[itag].style.background.match(/\.png/i))
{
document.getElementsByTagName('*')[itag].style.backgroundImage= "none"; 
} 
}
// ]]></script>
<![endif]--> 

Cioè trovare tutti i png e "cancellarli".
Il problema è che questo Javascript cerca soltanto in quegli oggetti che hanno il background in style="...", cioè tralasciando tutti i background menzionati nei Css.
La domanda è: c'è un modo per leggere gli attributi del Css con Javascript?

Ciao e Grazie!!

[carlomarx]

Il problema è che questo Javascript cerca soltanto in quegli oggetti che hanno il background in style="...", cioè tralasciando tutti i background menzionati nei Css.
La domanda è: c'è un modo per leggere gli attributi del Css con Javascript?

Ciao e Grazie!!

Ovviamente il modo c'è. Il problema è che non credo sia supportato proprio da quei browser per cui ti serve. Prova. Se non ci riesci un'altra soluzione esiste e sarebbe anche elegante. Ma sarebbe davvero complessa da realizzare dal punto di vista logico.

[Igreo]

Il primo modo non mi entusiasma e certamente non funziona con IE! ...Altre soluzioni?

[carlomarx]

Il primo modo non mi entusiasma e certamente non funziona con IE! ...Altre soluzioni?

Il secondo modo allora ti entusiasmerà ancora meno: ti toccherà lanciare un ciclo ricorsivo zeppo di espressioni regolari su tutti i ruoli dei fogli di stile del documento. Buona fortuna!
Oppure forse c'è un terzo modo ed è quello di sperare che jQuery faccia al caso tuo. Ma come noterai dalla mia firma io sono la persona meno adatta a darti consigli in questo.

[Igreo]

Mi sta venendo in mente che potrei settare un background: none per tutte le classi che hanno dei background con png.. più la modifica per tutte le png esistenti nel file html.

<!--[if lt IE 7]>
<script type="text/javascript">

for(var itag = 1; itag <= document.getElementsByTagName('*').length; itag++)
{
 if (document.getElementsByTagName('*')[itag].style.background.match(/\.png/i))
 {
  document.getElementsByTagName('*')[itag].style.backgroundImage= "none"; 
 }
 var clas = new Array("ciccio", "franco", "franchino", "...");
 for (var nclas = 0, nclas <= clas.length-1; nclas++)
 {
  if (document.getElementsByTagName('*')[itag].className == clas[nclas])
  {
   document.getElementsByTagName('*')[itag].style.backgroundImage= "none"; 
  }
 }
}

</script>
<![endif]--> 

E' esatto?