Henry: JS kann Styleangeben nicht lesen? *teilw. gelöst

Beitrag lesen

Hallo,

Weil style auch nur die direkt im Element angegebenen Eigenschaften liest. Anderenorts angegebene Angaben werden nicht ins Element überführt.

das war mir neu und hätte ich nicht erwartet, danke.

Es kann, mit window.getComputedStyle().

OK, getComputedStyle funktioniert auch. Nur wundert mich, warum hier, subjektiv gesehen, die JS-Syntax so seltsam anmutet. Das fängt schon damit an, dass die Variable in der Klammer nicht, wie gewohnt, in Anführungszeichen stehen soll. Was es mir dadurch schwierig macht, einen Weg zu finden das variabel zu lösen.

  • Meine ID lautet #p1, da sollte man meinen:
  • var navobj = window.getComputedStyle(#p1).display;
  • oder:
  • var navobj = window.getComputedStyle('p1').display;
  • oder noch besser:
  • var navobj = window.getComputedStyle('#p1').display;
  • funktionieren tut aber nur:
  • var navobj = window.getComputedStyle(p1).display;

Jetzt kommt das Problem, in der Funktion möchte ich ja den Wert variabel übermitteln: <button onclick="showcss('p1');">Eigenschaft von #p1</button> und dann innerhalb der Funktion: var navobj = window.getComputedStyle(id).display;

Das geht aber nicht, hmm... Lösungsvorschlag?

Gruss Henry

*Wer sich über die Listenformatierung wundert... Liegt daran, dass hier wieder mal meine Zeilenumbrüche ignoriert werden und ich das damit kompensiere.