Dieser Artikel beschreibt die Methode von JS, um eine unbekannte Div -Höhe zu erhalten. Teilen Sie es für Ihre Referenz wie folgt weiter:
Die Höhe des Elements kann über das ClientHeight -Attribut des Elements erhalten werden, wie beispielsweise:
var height = element.clientHeight;
Einschränkungen dieser Praxis:
1. Wenn das Anzeigeattribut des Elements auf keine gesetzt ist, ist das Ergebnis 0
2. Im Safari -Browser müssen Sie verwenden: Element.offseteight, um die tatsächliche Höhe zu erhalten, die ein Fehler im Safari -Browser ist.
Das Folgende ist die vom Prototyp bereitgestellte Methode, die mit verschiedenen Browsern kompatibel ist und auch Elementgrößen korrekt erhalten kann, wenn Elemente versteckt sind, als Referenz:
getDimensions: Funktion (Element) {element = $ (Element); var display = $ (Element) .getStyle ('display'); if (Anzeige! // alle *Breite und *Höheneigenschaften geben 0 für Elemente mit Anzeige keine an, // Aktivieren Sie das Element also vorübergehend var els = element.style; var originalvissibilsibilität = Els.vissibilität; var originalPosition = els.position; var originalDisplay = els. -display; Elssibilität = 'versteckt'; els.position = 'absolut'; Els.Display = 'Block'; var originalwidth = element.clientwidth; var originalHeight = element.clientHeight; Els.Display = OriginalDisplay; els.position = originalposition; Elssibilität = Originalvissibilität; return {width: originalwidth, Höhe: originalHeight};}Weitere Informationen zu javaScriptbezogenen Inhalten finden Sie in den Themen dieser Website: "Zusammenfassung der JavaScript -Switching -Effekte und -Techniken", "Zusammenfassung der Fähigkeiten der JavaScript -Suchalgorithmus", "Zusammenfassung der JavaScript -Animationseffekte und -Techniken", "Zusammenfassung von JavaScript -Fehler und Debugging -Techniken", Summary of Javacript -Daten und Algorith -Fähigkeiten "," Summary of Javacript Data Structures "," Summary of Javacript Data Structures "" "" "" "" "" "" "" "" "" " JavaScript -Traversalalgorithmen und -techniken "und" Zusammenfassung der Nutzung von JavaScript -Mathematischen Operationen "
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.