Messen der Höhe eines versteckten Elements

Es kann schwierig sein, die Höhe eines Div zu messen, wenn sein übergeordnetes Element auf „Anzeige: keiner." Die Höhe des untergeordneten Divs ist zunächst Null, was eine Messung unmöglich macht.

Um diese Herausforderung zu meistern, sollten Sie erwägen, die übergeordneten Elemente des Elements nacheinander sichtbar zu machen, bis ein sichtbares übergeordnetes Element gefunden wird. Sobald der höchste „display:none“-Vorfahre sichtbar gemacht wird, können die Abmessungen des Elements gemessen werden.

Nachdem Sie die Messung erhalten haben, setzen Sie alle Elemente auf ihre ursprünglichen „display“-Werte zurück.

Bedenken Sie bei diesem Ansatz mögliche Leistungsprobleme, da das Durchqueren und Anzeigen mehrerer Vorfahren ressourcenintensiv sein kann.

Eine alternative Strategie besteht darin, nur das tatsächliche Element für die Messung sichtbar zu machen, ohne seine Vorfahren zu durchlaufen. Dadurch wird vermieden, dass Stile aufgrund einer Änderung der Elementhierarchie falsch angewendet werden. Stellen Sie sicher, dass Stile, die von der ursprünglichen Position des Elements im DOM abhängen, von diesem alternativen Ansatz nicht betroffen sind.