Šis raksts apraksta rekvizīta “offsetTop” darbību JavaScript.
Kā JavaScript darbojas HTML DOM rekvizīts “offsetTop”?
' nobīdeAugšā ” rekvizīts darbojas uz HTML elementiem un atgriež arī sava vecākelementa “margin”, augšējo “polsterējumu”, “apmali” un “ritjoslu”.
Sintakse
elements. nobīdeAugšā
Šajā sintaksē ' elements ” apzīmē konkrētā HTML elementa augšējo pozīciju attiecībā pret skata logu (tukšs apgabals, kurā tiek rādīts tīmekļa lapas saturs).
Piezīme: Atgrieztā vērtība ietver:
- augšējā pozīcija un elementa mala.
- augšējo apmali, ritjoslu un vecāku polsterējumu.
Izmantosim iepriekš minēto sintaksi praktiski.
Piemērs: rekvizīta “offsetTop” lietošana, lai novērtētu HTML augšējo pozīciju
Šajā piemērā tiek izmantots ' nobīdeAugšā ” rekvizītu, lai aprēķinātu konkrētā HTML elementa augšējo pozīciju, t.i., “ Vispirms izlasiet šo HTML kodu: Iepriekš minētajā kodā: Tagad apsveriet doto JavaScript kodu: Iepriekš minētajās koda rindās: Izvade Šajā iznākumā var novērot, ka dotā div augšējā pozīcija (ieskaitot rezervi), t.i., “ 35 pikseļi ” tiek aprēķināts saskaņā ar norādīto piezīmi (emuāra sākumā) un tiek parādīts, noklikšķinot uz pogas. JavaScript nodrošina ' nobīdeAugšā ” rekvizītu, lai aprēķinātu HTML elementa augšējo pozīciju attiecībā pret skata portu. Tas atgriež aprēķināto elementa augšējo pozīciju kā vesela skaitļa vērtību ' pikseļi ”. Šis raksts demonstrēja JavaScript HTML DOM elementa “offsetTop” rekvizīta mērķi, lietojumu un ieviešanu.
HTML kods
< b > Sīkāka informācija par šis div ir : b >< br >
tops : 20 pikseļi < br >
pozīciju : radinieks < br >
tekstu - izlīdzināt : centrs < br >
starpība : 15 pikseļi < br >
robeža : 3 pikseļi < br >
div >< br >
< pogu onclick = 'jsFunc()' > Noklikšķiniet uz tā pogu >
< p id = 'priekš' > lpp >
JavaScript kods
funkcija jsFunc ( ) {
bija elmnt = dokumentu. getElementById ( 'Div1' ) ;
kur txt = 'Aprēķinātais OffsetTop ir: ' + elmnt. nobīdeAugšā + 'px
' ;
dokumentu. getElementById ( 'priekš' ) . innerHTML = txt ;
}
skripts >
Secinājums