Schriftgröße im <div> ändern

[arkadiuszpaluszek]

Hallo!

Ich verändere mit folgenden zwei Funktionen die Schriftgröße in einem <div> beim "mouseover" - Event:

function f_define_font(id_div) {
    document.getElementById(id_div).style.fontSize = 18;
}
function f_undo_define_font(id_div) {
    document.getElementById(id_div).style.fontSize = 16;
}

Soweit, so gut - funktioniert. Nun kam ich aber auf die Idee, diese Funktion in unterschiedlichen DIVs zu verwenden, in welchen zu Anfang die Schriftgrößen unterschiedlich definiert sind. Da die Größe nun variabel ist, wollte ich sie zuerst auslesen und dann per Multiplikation vergrößern:

function f_define_font(id_div) {
    x = document.getElementById(id_div).style.fontSize;
    x = x * 1.125;
    document.getElementById(id_div).style.fontSize = x;
}

Der Wert kann aber nicht gelesen werden, das x bekommt keinen Wert! Ich dachte, dass ich Werte von Eigenschaften, welche ich per JS setzen kann, auch zuvor auslesen könnte. Liege ich hier grundsätzlich falsch?

 

[Tronjer]

Die Console ist dein Freund. Gib für die einzelnen IDs document.querySelector('#meine_id'') ein. Dann siehst du, welche Styles daran hängen und dass lediglich Inline-Styles berücksichtigt werden.

 

[Arne Drews]

Hallo,

Warum muss es für ein simples MouseOver JavaScript sein?
CSS kennt :hover

Gruß Arne