Tämä artikkeli esittelee DOM-elementin “clientTop” sekä käytännön toteutuksen HTML:ssä.
Kuinka käyttää DOM-elementtiä 'clientTop' HTML:ssä?
'ClientTop'-ominaisuus on hyödyllinen HTML-elementtien asettelun ja sijoittelun kanssa työskenneltäessä verkkosivuja luotaessa. Mikä vastineeksi auttaa luomaan reagoivia ja dynaamisia verkkosivustojen asetteluja
Esimerkki
Otetaan esimerkki, jotta ymmärrämme paremmin 'clientTop' -ominaisuuden. Esimerkiksi reunuksen paino ylimmästä sijainnista arvioidaan tässä esimerkissä:
< kehon >
< h3 id = 'esimerkki' > Linuxhintin toimittama artikkeli paremman selityksen vuoksi < / h3 >
< / kehon >
Ensinnäkin ' ' tag luo ' ” -tunnisteen ja anna siihen joitain vääriä tietoja. Määritä myös tunnus ' esimerkki ' sen kanssa.
< tyyli >
#esimerkki {
rajaa : 2px tasainen musta;
täyte: 10px;
tausta- väri : vaalean harmaa;
}
< / tyyli >
Sen jälkeen sisällä '
Yllä mainitun koodin suorittamisen jälkeen verkkosivu näyttää tältä:
Tulos näyttää, että div- ja h3-elementit näytetään verkkosivulla perustyylillä.
Käytä 'clientTop' -ominaisuutta
Käyttääksesi ' clientTop ' -ominaisuutta HTML-elementtiin, lisää seuraavat koodirivit '