Ovaj tekst razrađuje rad svojstva 'offsetTop' u JavaScriptu.
Kako svojstvo HTML DOM “offsetTop” radi u JavaScriptu?
' offsetTop ” svojstvo radi na HTML elementima i također vraća “marginu”, gornju “padding”, “border” i “scrollbar” nadređenog elementa.
Sintaksa
element. offsetTop
U ovoj sintaksi, ' element ” označava gornji položaj određenog HTML elementa u odnosu na okvir za prikaz (prazno područje gdje se prikazuje sadržaj web stranice).
Bilješka: Vraćena vrijednost uključuje sljedeće:
- gornju poziciju i marginu elementa.
- gornji obrub, traka za pomicanje i ispuna nadređenog.
Upotrijebimo gornju sintaksu praktično.
Primjer: Primjena svojstva 'offsetTop' za procjenu gornje pozicije HTML-a
Ovaj primjer koristi ' offsetTop ' svojstvo za izračunavanje gornje pozicije određenog HTML elementa, tj. ' Prvo prođite kroz sljedeći HTML kod: U gornjem kodu: Sada razmotrite dani JavaScript kôd: U gornjim linijama koda: Izlaz U ovom ishodu može se uočiti da je najviša pozicija danog diva (uključujući marginu), tj. ' 35 px ” izračunava se u skladu s navedenom bilješkom (na početku bloga) i prikazuje se nakon klika na gumb. JavaScript pruža ' offsetTop ” svojstvo za izračunavanje gornje pozicije HTML elementa u odnosu na okvir za prikaz. Vraća izračunatu gornju poziciju elementa kao cjelobrojnu vrijednost u ' piksela ”. Ovaj zapis pokazao je cilj, upotrebu i implementaciju svojstva 'offsetTop' HTML DOM elementa u JavaScriptu.
HTML kôd
< b > Pojedinosti o ovaj div su : b >< br >
vrh : 20 px < br >
položaj : relativna < br >
tekst - uskladiti : centar < br >
margina : 15 px < br >
granica : 3 px < br >
div >< br >
< gumb na klik = 'jsFunc()' > Kliknite na nju dugme >
< p id = 'za' > str >
JavaScript kod
funkcija jsFunc ( ) {
bio je elmnt = dokument. getElementById ( 'Div1' ) ;
gdje txt = 'Izračunati OffsetTop je: ' + elmnt. offsetTop + 'px
' ;
dokument. getElementById ( 'za' ) . unutarnjiHTML = txt ;
}
skripta >
Zaključak