Was bedeutet Offset in js und seine detaillierte Erklärung?

Offset bedeutet „Abweichung, Verschiebung“ und gehört zu einer Reihe von Attributen in js, einschließlich „offsetHeight“, „offsetWidth“, „offsetLeft“, „offsetTop“, „offsetParent“; Elementgröße.

Offset-Familie

1, offsetWidth offsetHeight erhält die Breite und Höhe des Objekts (ihr eigenes). width und High)

offsetWidth = width + border + padding;
        offsetHeight = height + border + padding;
        p.style.width  只能得到行内样式的数值

2, offsetLeft und offsetTop geben die Position von links und oben im übergeordneten Feld zurück (mit Positionierung),

Wenn das übergeordnete Feld nicht positioniert ist, der Körper Das übergeordnete Element bezieht sich hier auf alle vorherigen Ebenen, nicht nur auf den Vater.

offsetLeft beginnt mit der Polsterung des Vaters, die Grenze des Vaters zählt nicht

3, Animationserleichterung Formel

    var start=0,  end = 0;
        setInterval(function(){
                start = start + (end - start)/10;
        }, 30);

4, offsetParent gibt das übergeordnete Element des Objekts zurück (übergeordnetes Element mit Positionierung), ähnlich wie parentNode. Wenn keine Positionierung vorhanden ist, wird der Körper zurückgegeben

Unterschied: parentNode muss das übergeordnete Element sein. offsetParent Es kann Papa, Opa usw. sein.

5. Der Unterschied zwischen offsetTop, offsetLeft und style.top, style.left

5.1 offsetTop, offsetLeft kann die Position der nicht positionierten Box sein von oben oder links

5.2 style.top, style.left Nur die positionierte Box hat oben oder links

5.3 offsetTop gibt eine Zahl zurück, während style.top zurückgibt Zeichenfolgen haben neben Zahlen auch Einheiten: px

5.4 offsetTop ist schreibgeschützt, während style.top gelesen und geschrieben werden kann

5.5 Wenn top ist nicht für den HTML-Elementstil angegeben, dann gibt style.top eine leere Zeichenfolge zurück

5.6 style.width kann nur den Wert des Inline-Stils abrufen

Verwandte Empfehlungen:

Lösung für die Bypass-Schwachstelle, die durch die Offset-Funktion in PHP verursacht wird

Instanzanalyse von Offset und gleichmäßiger Bewegung in JS

Offset ist zu hoch, wenn MySQL paginiert. Teilen großer SQL-Optimierungsbeispiele

Das obige ist der detaillierte Inhalt vonWas bedeutet Offset in js und seine detaillierte Erklärung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!