Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » CSS-Eigenschaften mit Javascript ändern? Antworten
CSS-Eigenschaften mit Javascript ändern?

Batuf
Pixelschubser


Beiträge: 16


hi

Ich möchte gerne bei einem MouseOver die Schriftgrösse in einer Tabelle verändern. Solange die CSS-Eigenschaft keinen Bindestrich aufweist ist das auch kein Problem (also z.B. mit "style.color = id").

Will man jetzt jedoch die Schriftgrösse verändern benötigt man dazu ja "font-size". Und damit klappt es dann leider nicht mehr.

Wie muss ich das schreiben, damit es dennoch klappt?

  Profil   Editieren   Zitieren

subjective
Forenheld


Beiträge: 848


style.fontSize sollte gehen. Ich würde jedoch nicht die Eigenschaften direkt, sondern die CSS-Klasse (myobj.className) ändern. Dann kann man im CSS einfach die paassenden Zustände konfigurieren.

---
Weaverslave

  Profil   Website   Editieren   Zitieren

Batuf
Pixelschubser


Beiträge: 16


hi

Dann habe ich das mal mit der Klasse ausprobiert. Mit dem onMouseOver wird die Funktion changeStyle aufgerufen:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8:
onMouseOver="changeStyle()"
function changeStyle()
        {
          var myElement=document.getElementById("test");
          myElement.className='schrift';
        } 


Und im selben File dann noch die CSS-Klasse schrift definiert.


Was habe ich da falsch gemacht???

Diese Nachricht wurde geändert von: Batuf
  Profil   Editieren   Zitieren
 

Antworten
Nach oben