ændring af css style on-the-fly med js?

<a href='#' onMouseOver='document.getElementById("test").style.visibility="hidden"' onMouseOver=''document.getElementById("test").style.visibility="visible"'>

<div id='test' style='visibility:visible'>test</div>

jeg har et ukendt antal <div class="test">. Det var derfor jeg gerne ville ændre selve .test og ikke bare et specifikt <div>

<script type='text/javascript'>
  function skift(type) {
      var steder = document.getElementsByTagName('div');

      for(i=0;i<steder.length;i++) {
        if (steder[i].className == 'test') steder[i].style.visibility = type;
      }
  }
</script>

<div class='test'>1</div>
fgdsgfdgdfs
<div class='test'>2</div>
hgfhgfhfg
<div class='test'>3</div>
vdfgdsfgd
<div class='test'>4</div>
hthrtrte
<div class='test'>5</div>
vvfgdgdfs
<div class='test'>6</div>

<input type='button' value='Skjul' onClick='skift("hidden")'>
<input type='button' value='Vis' onClick='skift("visible")'>

-- og elskermads løsning er den praktisk mulige i dagens verden, da der er stor uenighed mellem browser-producenterne om tilgængeligheden til style-elementer !-)

Men det er jo ogsp lige så godt. Tak for det.
Elskermad læg et svar og få point

hvad er den teoretiske roenving?

smid selv et svar og tag halvdelen af pointene selv!

-- i nogle browsere kan du få adgang til style-elementet, aflæse og modificere style-rules, men som sagt ikke i alle !-)

-- jeg har ikke testet Opera på det punkt siden 2005, så måske kan man i dag få adgang ind i et style-element, men dengang kunne du kun få fat i style-elementet, intet kunne aflæses endsige modificeres ...

altså med setAttribute-metoden?

<ole>

Nej, roenving mener med bl.a:
    http://msdn.microsoft.com/workshop/author/dhtml/reference/collections/stylesheets.asp?frame=true

    http://msdn.microsoft.com/workshop/author/dhtml/reference/collections/rules.asp?frame=true

    http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/addrule.asp?frame=true

- men det er ikke videre fikst (når det overhovedet kan lade sig gøre), da hele dokumentet så skal genberegnes af browseren ... fuldstændig som ved skift af CSS-klasse på et element. Det kan tage en halv krig og en formiddag!

/mvh
</bole>

okay spændende læsning, det vil sige det bliver indskrevet direkte som fx location.href ?

Det forstod jeg ikke  =)

Du kan (eller burde kunne) kalde et eksisterende stylesheet og f.eks. oprette en ny style-rule

29/01-2007 20:05:03 fungerer fint for for mig så den holder jeg mig til.

Skal du også have lidt point roenvig?

Nej tak !-)

Mange tak for hjælpen begge to.