JavaScript: IE-Problem bei nextSibling?

[Tim1901091]

Hallo zusammen,

ich habe ein kleines JavaScript geschrieben, das eine Reihe von Elementen ausblenden soll. Funktioniert in Firefox, Opera, Chrome, Safari und IE9. IE<9 hat damit so seine Schwierigkeiten.
Die folgende Zeile wird immer angekreidet:

dts[i].nextSibling.nextSibling.style.display = 'none';

Ich vermute mal, dass es mit nextSibling.nextSibling zusammenhängt. Könnte das sein?

Schon mal Danke.

 

[sokie]

AW: JavaScript: IE-Problem bei nextSibling?

es hängt eigentlich damit zusammen, dass die IE bisher eine eigene Auffassung vom DOM hatten als andere Broser.
zwischen deinen nodes liegt bei allen browsern (ausser den alten IEs) jeweils textnodes.
nodes haben feste Typen, die man mit der Eigenschaft "nodeType" auslesen kann.
()
das kannst du dir zunutze machen, indem du schaust, ob das jeweils nächste "geschwister" nun ein weiterer elementknoten(IE<9) oder ein textknoten ist(alle anderen Browser) und danach fallabhängig entscheiden:

if (dts[i].nextSbling.nodeType == 3){//hier textnode -> alle anderen Browser
  element = dts[i].nextSiblng.nextSibling;
} else {//keine Textnode -> es handelt sich um einen IE<9
  element = dts[i].nextSibling;
}

 

[Tim1901091]

AW: JavaScript: IE-Problem bei nextSibling?

es hängt eigentlich damit zusammen, dass die IE bisher eine eigene Auffassung vom DOM hatten als andere Broser.
zwischen deinen nodes liegt bei allen browsern (ausser den alten IEs) jeweils textnodes.
nodes haben feste Typen, die man mit der Eigenschaft "nodeType" auslesen kann.
()
das kannst du dir zunutze machen, indem du schaust, ob das jeweils nächste "geschwister" nun ein weiterer elementknoten(IE<9) oder ein textknoten ist(alle anderen Browser) und danach fallabhängig entscheiden:

if (dts[i].nextSbling.nodeType == 3){//hier textnode -> alle anderen Browser
  element = dts[i].nextSiblng.nextSibling;
} else {//keine Textnode -> es handelt sich um einen IE<9
  element = dts[i].nextSibling;
}

Perfekt. Das ist die Lösung. Das funktioniert jetzt sogar (wenn auch mit kleinen Abstrichen bei der Bedienbarkeit) im IE5.5.

Vielen Dank.

 

[GrafiKman]

AW: JavaScript: IE-Problem bei nextSibling?

Warum willst du den IE 5 und 6 überhauptnoch bedienen?

 

[Tim1901091]

AW: JavaScript: IE-Problem bei nextSibling?

Warum willst du den IE 5 und 6 überhauptnoch bedienen?

Ich habe nie behauptet, das zu wollen. Das CSS zerhauts ohnehin bei den beiden Browsern. Ist zwar immer noch bedienbar, wirklich schön ist aber was anderes. Mit display:inline-block; scheint da einiges nicht so zu sein, wies sollte.

Das war mehr so ne zufällige Beigabe, die nicht wirklich beabsichtigt war. Wenn ichs ohnehin schon hab, warum nicht... Wirklich neuen Code würde ich aber für die beiden Browser-Opis nicht mehr schreiben wollen (es sei denn, der Kunde besteht darauf...).