innerHTML und die Select-Box

nospam@example.com (Falk Prüfer) — Tue, 04 Aug 2009 18:30:00 +0200

Wenn man im dynamischen Teil einer Webseite eine Select-Box mittels Javascript mit neuen Werten füllen möchte, so kann man das mehr oder weniger umständlich über das DOM mittels document.createElement(), node.removeChild() und node.appendChild() erledigen.
Etwas einfacher sieht, zumindest auf den ersten Blick, die Nutzung der Eigenschaft innerHTML des Select-Knotens aus. Auf den ersten Blick nur deshalb, weil zwar alle Mozilla-basierten Browser und Opera damit kein Problem haben, der Internet Explorer - auch in der aktuellen 8er Version - damit jedoch nicht korrekt umgehen kann.
Nicht korrekt umgehen heißt zu gut deutsch: Die Select-Box bleibt im IE leer!

Der „umständliche” Weg über das DOM wird u.a. von Microsoft selbst als Workaround zu diesem BUG beschrieben.
Auch bei Mr. Foo gibt es eine angeregte Diskussion über den Option Bug im Internet Explorer bei Nutzung von innerHTML und Javascript.

Wer sich jedoch nicht durch das DOM hangeln möchte, weil z.B. die einzufügenden Options bereits als HTML-Text vorliegen und erst mühsam wieder auseinandergenommen werden müßten, dem kann mit einem kleinen Trick gehholfen werden. Der IE interpretiert die Eigenschaft outerHTML, also einen Code inkl. öffnendem und schließendem select-Tag, glücklicherweise korrekt.

"innerHTML und die Select-Box" vollständig lesen

innerHTML und Javascript

nospam@example.com (Falk Prüfer) — Thu, 26 Mar 2009 11:58:55 +0100

AJAX und damit das dynamische Nachladen von Seiteninhalten mittels JavaScript erfreut sich wachsender Beliebtheit. Um den neuen Inhalt bequem in einen bestehenden Bereich der Seite einzubinden, wird gerne auf die Eigenschaft innerHTML eines Seitenelements zurückgegriffen. Dies ist soweit unproblematisch, da nahezu alle aktuellen Browser diese Eigenschaft unterstützen.

Doch was passiert wenn der neu einzufügende Inhalt auch JavaScript-Code enthält? Im Normalfall wird er durch den Browser einfach ignoriert!
Ist das wirklich so? Und was kann man tun um den Code zur Ausführung zu bringen?

"innerHTML und Javascript" vollständig lesen

Falk Prüfer - Javascript

innerHTML und die Select-Box

innerHTML und Javascript